CSS中用到相对地址和绝对地址，一点解析
Posted 一直猪++
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS中用到相对地址和绝对地址，一点解析相关的知识，希望对你有一定的参考价值。
首先，明确这两种方式只是不同索引文件的形式，他们没有好坏之分。
然后再来区别他们之间的不同之处。
1、相对地址：
顾名思义，相对地址是存在一个参考，即相对于原文件（代码所处的文件）目前所处的文件夹，用一些规定的符号，来描述其他文件位置的一种表示方式。
（1）"." --代表目前所在的目录。如： <img src="./abc.jpg" /> 【ps：这种情况下，一般是直接省略“./”，左边的地址即可表示为 <img src="abc.jpg" />】
（2）".." --代表上一层目录。如：<img src="../abc.jpg" />
（3）"../../"-- 代表的是上一层目录的上一层目录。如：<img src="../../abc.jpg" />
2、绝对地址
D:\Users\hao\Documents\GitHub\Xixi20160512.github.io/index.html
以上就是绝对地址了，由于这种表示方式过于绝对，因此也不做过多引申。
3、实例分析
例1：
c:/website/web/index.htm
c:/website/img/photo.jpg
相对路径：../img/photo.jpg
例2：
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
相对路径：../../img/images/photo.jpg
例3：
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
相对地址：../img/photo.jpg
以上例子，差不多可以看出相对地址表示文件地址的用法了，其实，到现在还没有说，这两种方法的使用场景。什么时候用相对地址，什么时候用绝对地址呢。
4、不同场景下的选择
由于相对地址是相对于原地址的描述，在将项目文件整体迁移到其他服务器或者电脑上的时候，原来使用的文件地址还是可以用，而这时候绝对地址是不能用的。
以上是关于CSS中用到相对地址和绝对地址，一点解析的主要内容，如果未能解决你的问题，请参考以下文章