路径问题

"." 代表当前所在目录,相对路径。如:<a href="./abc">文本</a>或<img src="./abc" />;
".." 代表上一层目录,相对路径。如:<a href="../abc">文本</a>或<img src="../abc"/>;
"../../" 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />;
"/" 代表根目录,绝对路径。 如:<a href="/abc">文本</a>或<img src="/abc"/>;
"D:/abc/" 代表根目录,绝对路径。
在使用相对路径时,我们用符号“.”来表示当前目录;用符号“..”来表示当前目录的父目录。
例子:
list-style-image:url(http://www.***.com/images/ag.gif);
list-style-image:url(images/ag.gif);
第一个使用绝对路径,第二个使用相对路径。绝对路径当然不会出问题了,但使用相对路径时要注意了:如果你的样式表是单独以一个文件存在的,也就是说写在了***.css里面的,那么图片路径就要相对于这个样式表来写,而不是相对于引用它的文件来写。

posted @ 2016-12-05 20:47  梦兮晓兮  阅读(109)  评论(0编辑  收藏  举报