使用WebStorm编写CSS文件出现如下问题:
li.vip a{
padding-left:30px;background:url(Images/vip.jpg) no-repeat left center;
}
在url()内报错 Cannot resolve file 'vip.jpg'...
发现是路径错误
总结:
1、绝对路径
文件从最高级目录开始的完整的路径
绝对路径就是完整的URL
1、从本机目录结构查找,从盘符开始
D:\zhaoxu\HTML5Basic\Day02\images\logo.jpg
2、网络资源目录结构开始查找
协议、主机、目录路径、文件名称
http://www.baidu.com/images/logo.jpg
2、相对路径
相对于当前文件的位置,查找资源文件
1、同级目录(直接找)
直接输入资源文件名称即可
logo.png
2、子级目录(先进入)
先进入到指定文件夹,再查找资源文件
images/logo.png
3、父级目录(先返回)
先返回到指定的父级目录出,再查找指定资源文件
../ : 表示返回上一级
../../images/logo.png