把css样式的路径设置为绝对路径,代码怎么写

html-css012

把css样式的路径设置为绝对路径,代码怎么写,第1张

1、如果你的网站放在虚拟主机上就别想什么绝对路径了。

2、网站放在你的电脑上或者vps/服务器上,可以考虑一下绝对路径,我觉得绝对路径移植性不好,建议用相对路径。

绝对路径的写法:

就是将盘符、前面所有的文件夹路径都写出来,出一点差错都会调用不了css样式文件!

例如:你的css样式文件(style.css)放在D盘WWW目录下,那么绝对路径就应该是(D:\WWW\style.css)

希望我的回答能够帮助你!

我随便找了个树目录结构的图,以此图给你讲一下

此文件结构根目录为“文件树目录”,然后依次往下分类,其中有2个页面page1.html、page2.html分别在不同的地方,先以page1.html为例,分别讲一下相对和绝对路径的写法

比如我现在想让page1.html加载More directory目录下的jquery.min.js文件:

1、相对路径写法:/文件树目录/More directory/css/js/jquery.min.js

解释:相对路径,是根据文件根目录一级一级的找到你所需要的文件

2、绝对路径写法:../style.css/More directory/css/js/jquery.min.js

解释:绝对路径,是根据当前文件位置,找到所需要的文件,其中“../”是返回文件上一级。

补充:我们可以看到page1.html此时是在Primary directory里,我们想找的jquery.min.js在More directory/css/js/里,而Primary directory和More directory是“文件树目录”的子目录,属于兄弟关系,所以page1.html想找到jquery.min.js,就要先返回上一级,然后找到兄弟节点,然后一级一级往下找。

注:../是返回上级,../../是返回上上级,以此类推!