CSS外部引入的路径

CSS外部引入的路径

相对路径

以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。

绝对路径

以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。

路径的特殊符号

../表示当前文件所在层级的上一层级

./表示当前文件所在的层级

/表示根目录

路径寻找实例

在css文件夹里有一个css文件index.css，需要在index.css文件当中引用images文件夹里list_logo.png图片，将此图片设置为背景图background-image。则代码应当如此书写：

background-image: url('../images/list_logo.png);

IE的behavior

这个部分算是额外扩展吧，IE使用behavior:url(xx/xxx.htc);来做HTML组件，其中url中指定的htc文件路径是相对于引用css的HTML文件所在目录。

外部引入的路径

当前文件所在层级的上一层级

当前文件所在的层级

根目录