css路径问题

网站目录如下：

 index.php

  /style

    /style.css

 

1.在单独的CSS文件中使用相对路径时，路径相对于该CSS文件，而不是当前执行的脚本。

文件style.css

background-image:url(demo.jpg);

2.如果在CSS文件中使用绝对路径时，路径是相对于当前站点的根目录。

 文件style.css

background-image:url(/demo.jpg);

 

3.如果在index.php内直接写css代码，那么使用相对路径就是相对于index.php；如果使用绝对路径，还是相对网站的根目录。

 

其他：

./代表当前目录

../代表上级目录

 

如果在index.php

<link href="style//style.css" rel="stylesheet" type="text/css" />

那么 ../还是在style目录下，../../才是网站根目录，也就是说，在导入css文件时不要有额外的"/"