css中url的路径问题

html-css013

css中url的路径问题,第1张

我想你应该是不太熟悉css中的相对路径和绝对路径:

"." 代表当前所在目录,相对路径。如:<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/" 代表根目录,绝对路径。

在使用相对路径时,我们用符号“.”来表示当前目录;用符号“..”来表示当前目录的父目录。

所以,这里应该是background:url(../../images/bgs/backg.png)0 -418px repeat-x

CSS 称为层叠样式表 用于给网页设置各种样式 css样式的语法由3部分组成,选择器,属性和值就如一楼的示例一样 li为选择器(他用的是标签选择器)width(宽)这是属性 300px(这是值)

比如目录结构如此:D:\mydata\JavaData

同级目录:D:\mydata\images

当前的文件,就是说导入此css的文件的位置在javadata下,那么../就是返回到上一级目录,mydata下,然后找mydata下的images目录,再找start_heading.gif图片