• 绝对路径相对路径


    在这次做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文件夹访问我们需要的那个图片了。

  • 相关阅读:
    语录
    Python 自动化Web测试
    HTTP监视网络
    网络端口的转发和重定向
    [翻译]对为Microsoft Robotics Studio的设计做贡献感兴趣?
    [翻译]谈话记录:介绍Microsoft Robotics Studio
    [视频]名家讲坛ASP.NET之父Scott Guthrie[上海站]
    如何使用AJAX RoundedCorners Extender控件(视频字幕)
    给SlideShowExtender增加链接
    delphi7调用c#写的webservice(.net2.0)
  • 原文地址:https://www.cnblogs.com/beijiguangyong/p/2302736.html
Copyright © 2020-2023  润新知