绝对路径相对路径

 

在这次做LN项目的过程中页面的部分的设计使用的是Dreamweaver，不得不承认Dreamweaver太强大了，帮助我们轻松的设计出理想的页面，css样式的调整也非常方便；在Dreamweaver中路径问题简直不是问题，文件拖过来就可以直接找到（Dreamweaver自动把绝对路径转换成相对路径），不必再去考虑什么路径的问题。自己尝试了一下在没有Dreamweaver的帮助下调试页面，发现路径的问题的确比较麻烦，归根结底还是没有彻底理解这两种路径的区别。好好的研究了一下，在这里分享一下自己对这两种路径的理解。

绝对路径：不必赘述，就是从盘符开始写直到找到你所需要的文件为止，把所有的目录写完整即可。但是在做网站的时候绝对不推荐用绝对路径，因为不可能服务器中的路径和在做设计时候所用的电脑的路径一致，也不可能说在服务器上把网站设计好后（这种可能性本身就非常小）就不再改动网站的位置，所以说相对路径是做网站必选。

相对路径：就是以当前文件为基准去找另一个文件。下面我们具体的来说一下这个以当前文件为基准是什么个意思。

例如：css文件中需要找到一个图片文件

具体目录结构如下图

当前在css文件中写文件round2_left_top.gif的相对路径应该是是../images/round2_left_top.gif。前面的“../”可以理解成上级目录，如果这样还不理解的话，可以画一个图演示一下。

如下图：椭圆代表文件夹，矩形代表文件。

现在是在css文件夹下的某个css文件中编辑文字，那么要找到images文件夹下的某个图片，首先要找到images文件夹，所以就要跳出css文件夹，也就是“出圈”（也就是官方语言中的上一级目录），我们可以这么理解：每出一个圈（向上跳一级目录）就意味着加一个“../”。“出圈”之后就可以看到images文件夹，然后就可以进入images文件夹访问我们需要的那个图片了。