zoukankan      html  css  js  c++  java
  • 绝对路径相对路径

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

  • 相关阅读:
    24)django-信号
    23)django-缓存
    22)django-中间件
    21)django-csrf(跨站请求伪造)
    20)django-session使用
    19)django-cookie使用
    18)django-模板的过滤器和tag,自定义simple_tag和filter
    17)django-模板的继承与导入
    document.documentElement.clientHeight 和 document.body.clientHeight
    Markdown 入门基础
  • 原文地址:https://www.cnblogs.com/beijiguangyong/p/2302736.html
Copyright © 2011-2022 走看看