css图片的绝对路径和相对路径

在CSS文件里，有时要用到background，即加一个背景图片，添加的路径根据图片及css文件的相对位置分以下两种类型：
1.同包下：background : url(xxx.jpg);
2.不同包： 在这种情况下有2中方法可以设置，一种是使用绝对路径，即C:\Users\dellpc\Desktop\Pro\test\images\xxx.jpg或者是http://www.xxx.com/xxx.gif这种，不过一般不推荐这么用，不利于项目移植；一种是使用相对路径，首先需要找到图片文件和css文件共同的一个根目录，然后再加上图片的子目录，比如：
css文件位置：Pro/test/css/style.css
图片文件位置：Pro/platform/images/xxx.jpg

background:url(../../platform/images/xxx.jpg ) 

想要找到共同的根目录就需要用到 “…/” 这个路径的意思是上一级目录，如果是两层上级目录，就是 “…/…/” 那么，按照这种写法的话，a.css中得背景图片css应该这么写：

css文件位置：Pro/test/css/style.css
图片文件位置：Pro/images/xxx.jpg

background:url(../../images/xxx.jpg ) 

css文件位置：Pro/css/style.css
图片文件位置：Pro/images/xxx.jpg

background:url(../images/xxx.jpg ) 

css文件位置：Pro/style.css
图片文件位置：Pro/xxx.jpg

background:url(xxx.jpg ) 

总结 规律 寻找css文件位置和图片文件位置共同的根目录
css文件间隔根目录几层文件 间隔几层 就写多少个…/