为什么调用css在前面加上反斜杠
答案:4 悬赏:80 手机版
解决时间 2021-03-07 07:32
- 提问者网友:不爱我么
- 2021-03-06 08:04
我一直在研究这个问题,跪求高手解决 比如
最佳答案
- 五星知识达人网友:低血压的长颈鹿
- 2021-03-06 08:15
路径最左边加 / 表示从根目录引用文件。
例如你的网站根目录是 E:\web
你的style在 E:\web\template\images\style.css
那么假如你有两个文件
E:\web\index.html
E:\web\news\index.html
如果两个文件都这样引用:<link href="template/images/style.css" > 【没有“/”】那么
E:\web\index.html 将调用 E:\web\template\images\style.css
E:\web\news\index.html 将调用 E:\web\news\template\images\style.css 【不存在的CSS,出错】
如果两个文件都这样引用:<link href="/template/images/style.css" > 【有“/”】那么
E:\web\index.html 将调用 E:\web\template\images\style.css
E:\web\news\index.html 将调用 E:\web\template\images\style.css
这样不管你的html或者其他asp、jsp、php所在的文件在哪里,它都会从根目录去找这个文件
从而解决一些目录同步的问题。
全是手打的,希望采纳,谢谢。
例如你的网站根目录是 E:\web
你的style在 E:\web\template\images\style.css
那么假如你有两个文件
E:\web\index.html
E:\web\news\index.html
如果两个文件都这样引用:<link href="template/images/style.css" > 【没有“/”】那么
E:\web\index.html 将调用 E:\web\template\images\style.css
E:\web\news\index.html 将调用 E:\web\news\template\images\style.css 【不存在的CSS,出错】
如果两个文件都这样引用:<link href="/template/images/style.css" > 【有“/”】那么
E:\web\index.html 将调用 E:\web\template\images\style.css
E:\web\news\index.html 将调用 E:\web\template\images\style.css
这样不管你的html或者其他asp、jsp、php所在的文件在哪里,它都会从根目录去找这个文件
从而解决一些目录同步的问题。
全是手打的,希望采纳,谢谢。
全部回答
- 1楼网友:拜訪者
- 2021-03-06 10:15
哪个?href="/template 的/? 表示根目录啊。
- 2楼网友:怙棘
- 2021-03-06 09:17
路径的问题啊。
/template/images/style.css,这个就是你要调用的css文件的路径。
最前面加了一个反斜杠,表示是从网站根目录开始,即调用网站根目录下的template目录下的images目录下的style.css文件
给你举个例子:
网站根目录下有a,b,c三个文件夹
我现在有个网页在a这个文件夹下,有个style.css文件在c这个文件夹下
a文件夹下的网页中有句调用css的代码
这时候你打开a文件夹下的这个网页,你会发现样式没加载成功。为什么?就是因为你的css文件的路径不对,你的网页在a文件夹下,调用的时候写的是c/style.css,这个时候的路径被认为是a文件夹下的c文件夹下的style.css文件,但实际上a文件夹下并没有这个c文件夹。。。所以出错了。
所以正确的写法是:/c/style.css,表示是根目录下的c文件夹下的style.css,这样就对了
- 3楼网友:痴妹与他
- 2021-03-06 08:33
“/template/images/style.css”这个路径指的是你的css式样的位置。
从这个路径看,包含<link href="/template/images/style.css" >这句话的文件应该与template文件夹在同一个文件夹下。
也就是说template前面的反斜杠代表当前目录
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯