CSS当中的相对路径和绝对路径

html-css010

CSS当中的相对路径和绝对路径,第1张

"." 代表当前所在目录, 相对路径 。如:<a href="./abc">文本</a>或<img src="./abc" />;

".." 代表上一层目录, 相对路径 。如:<a href="../abc">文本</a>或<img src="../abc"/>;

"../../" 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />;

"/" 代表根目录, 绝对路径 。 如:<a href="/abc">文本</a>或<img src="/abc"/>;

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

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

比如要转向login目录下的index.aspx文件可以这样写

login/index.aspx

asp.net(C#)服务器绝对路径转换成URL相对路径

//本地路径转换成URL相对路径

private string urlconvertor(string imagesurl1)

{

string tmpRootDir = Server.MapPath(System.Web.HttpContext.Current.Request.ApplicationPath.ToString())//获取程序根目录

string imagesurl2 = imagesurl1.Replace(tmpRootDir, "")//转换成相对路径

imagesurl2 = imagesurl2.Replace(@"", @"/")

//imagesurl2 = imagesurl2.Replace(@"Aspx_Uc/", @"")

return imagesurl2

}

//相对路径转换成服务器本地物理路径

private string urlconvertorlocal(string imagesurl1)

{

string tmpRootDir = Server.MapPath(System.Web.HttpContext.Current.Request.ApplicationPath.ToString())//获取程序根目录

string imagesurl2 = tmpRootDir + imagesurl1.Replace(@"/", @"")//转换成绝对路径

return imagesurl2

相对路径和绝对路径,../表示返回上一级,因为css文件在css文件夹里,图片在images文件夹下,那么layout.css就需要返回上一级找到images文件夹才能找到相应的图片。直接文件夹名或是./开头表示和当前平级,因为index.html和images文件夹平级。不管是带../还是不带,这种写法都叫相对路径;另一种叫相对于根目录路径,它的写法必须以/开始,意思是从根目录开始一级一级向下查找,不管在哪里,要使用pic4.gif这个图片,路径都必须是/images/pic4.gif;还有一种写法叫绝对路径,是以http://加域名开始的,这个不多多说了。

使用相对路径时,当根目录放到一个二级目录下时,文件仍然可以正常访问,而使用相对于根目录路径时,其中一个页面放到其它位置时,照样能关联么相关的图片和其它文件,比如:本例如果用相对于根目录路径的话,把index.html放到一个文件夹下后,还是可以正常访问的。总之两种方法各有优劣,根据你的需要采用一种合适的方法。相对路径和相对于根目录路径是可以相互更改的,在站点管理——编辑——高级设置的本地信息里有链接相对于,如下图,默认为文档(就是所说的相对路径),也可以改为站点根目录,相对路径一般为直接目录名,需要返回上级时用../,向上返回两级时用../../;相对于根目录路径始终以/开头,不管该文件现在在哪一级,它都是以根目录开始向下找。