CSS相对地址与绝对地址

2024-04-28 22:36:15

一、定义

相对路径:当前在windows目录下.就可以把现在的当前目录给省略直接写后面的路径.

绝对路径:不管现在在那个目录下.都是以根目录开始写路径。

二、作用

相对路径和绝对路径都可相互转换，转换时候注意正确路径即可，作用在于有效链接路径。

三、与CSS关系

1、我们在CSS中引入图片地址的时候就可能用到相对路径与绝对路径

2、我们在DIV+CSS的html中在HTML引入CSS文件、引入添加图片的时候就会用到相对路径与绝对路径

四、特殊符号及代表的意义

1、相对路径

（1）"." --代表目前所在的目录。如： <img src="./abc" />

（2）".." --代表上一层目录。如：<img src="../abc" />

（3）"../../"-- 代表的是上一层目录的上一层目录。如：<img src="../../abc" />

2、绝对路径

（1）"/" --代表根目录。如：<img src="/abc" />

（2）"D:/abc/"-- 代表根目录,绝对路径。

注意：在使用相对路径时，我们用符号“.”来表示当前目录，用符号“..”来表示当前目录的父目录。

五、实例讲解

注意：所有例子中都是index.htm文件中联接有一张图片photo.jpg。

例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

通过以上的例子可以发现，在把绝对路径转化为相对路径的时候，两个文件绝对路径中相同的部分都可以忽略，不做考虑。只要考虑他们不同之处就可以了

CSS相对地址与绝对地址相关推荐

相对地址和绝对地址的理解
相对地址和绝对地址个人对地址的理解第一## 标题第二,全部的地址
相对地址与绝对地址的区别？请求重定向与请求转发的区别？jsp有哪九大内置对象？servlet如何获取session和application对象？
目录 1.说说相对地址与绝对地址的区别? 2.说说请求重定向与请求转发的区别? 3.jsp有哪九大内置对象?servlet如何获取session和application对象? 1.说说相对地址与绝对地 ...
相对地址，绝对地址，本地地址
//此处的地址要写相对地址,不要写绝对地址,因为相对地址是相对文件夹下的地址,是一个正确的路径,绝对地址是在相对地址前面加一个斜杠,是相对服务器端口号的地址,地址不对,访问不到文件,就会出错:还有就是 ...
a标签，相对地址，绝对地址，锚点技术
a标签(链接标签) 形式: <a href="链接地址" target="要打开链接的窗口名" >内容部分</a> 链接地址:通常用u ...
html初学者对相对地址，绝对地址的理解
绝对地址是完整的地址例如https://www.w3school.com.cn/html/html_filepaths.asp 但相对地址是一种省略了部分地址的写法,这种写法相对便捷,基于目前页面的地 ...
服务器端的相对地址与绝对地址
在servlet与jsp编程中,我们经常会用到/filelocation这种模样的路径.这东西真是不明白的话,能害死人啊.今天第一次尝试用servlet,就因为这个,找不到北了.还是看到这篇文章,才明 ...
计算机相对地址与绝对地址,什么是相对地址和绝对地址
2005-09-30 告诉我TWINS的MV的下载地址,歌曲要多,要绝对可以下的,详细的地址 TWINS的MV合辑Twi[见习爱神.台湾宣传现场演唱].mv.rmvb 19.8MBTwins.-.[莫 ...
jsp获取静态服务器文件路径,11、统一处理异常、处理静态资源访问、项目中的绝对地址跟相对地址问题...
一.项目中的相对地址和绝对地址问题在jsp,html中使用的地址,都是在前端页面中的地址,都是相对地址地址分类: 1.绝对地址 , 带有协议名称的是绝对地址, http://www.baidu. ...
前端：HTML/03/超级链接,绝对地址URL，相对地址URL，特殊链接
超级链接语法格式:<a 属性="值">-</a> 常用属性: href:目标文件的地址URL,该url可以是相对地址或绝对地址 target :目标文件的 ...

最新文章

热门文章