为什么调用css在前面加上反斜杠<link href="/template/images/style.css" >

Question

我一直在研究这个问题，跪求高手解决

Answer 1

路径的问题啊。
/template/images/style.css，这个就是你要调用的css文件的路径。
最前面加了一个反斜杠，表示是从网站根目录开始，即调用网站根目录下的template目录下的images目录下的style.css文件

给你举个例子：
网站根目录下有a,b,c三个文件夹
我现在有个网页在a这个文件夹下，有个style.css文件在c这个文件夹下
a文件夹下的网页中有句调用css的代码<link href="c/style.css" />

这时候你打开a文件夹下的这个网页，你会发现样式没加载成功。为什么？就是因为你的css文件的路径不对，你的网页在a文件夹下，调用的时候写的是c/style.css，这个时候的路径被认为是a文件夹下的c文件夹下的style.css文件，但实际上a文件夹下并没有这个c文件夹。。。所以出错了。
所以正确的写法是：/c/style.css，表示是根目录下的c文件夹下的style.css，这样就对了

Answer 2

我也遇到过这个问题，楼上的说明得很清楚，但是在本地设计的网站样式的路径和上传到服务器的路径是不一样的，你在本地做可以是<link href="/style.css" >这个路径，但是上传到服务器路径必须改，不然显示不到样式的，应该加上“/template/images”，有兴趣一起研究吧~

Answer 3

代表返回网站根目录下，找这个文件夹下的文件！