怎么查看网页css中的图片地址

html-css017

怎么查看网页css中的图片地址,第1张

css文件中的图片地址有三种参照:

url("images/img.png"):相对地址,以css文件所在路径为基地址。

url("/images/img.png"):相对地址,以网站根目录为基地址。

url("../images/img.png"):相对地址,以css文件的上级路径为基地址。

请对号入座

来回答下吧,可以从两处地方去查询;

打开网站,按f12打开开发者,接着随便点一下开发者工具的面板,ctrl+f查找“link”

<link rel="stylesheet" href="http://www.xxxxxxx/images/all.css" />

href后面的的就是css根目录下的位置

另外一处就是查询具体的css样式在css文件的哪一行上,同样点开开发者工具,点开左上角那个鼠标箭头,然后指向你需要了解的class位置,然后可以看到定位到了这个位置,这个样式的位置表示在all.css文件下的第二行

鼠标悬停在这个all.css:2的时候也能看到具体的位置

用相对路径和绝对路径都是可以的,关键是在css里面写的路径要保持一致。例如 css里面如果写 images/1.jpg ,css文件与a.html在同一文件夹下是没有问题的。如果b.html与a.html不在同一文件夹下的话。那么b.html调用css文件的话一定会出问题的。css里面可以这样写“/images/1.jpg ”把images文件夹放到网站根目录下就好了。