我正在尝试加载CSS文件。我试过了:
<link href="./css/style.css" rel="stylesheet" type="text/css">
和:
<link href="css/style.css" rel="stylesheet" type="text/css">
我什至将其移至与html相同的目录,并尝试了上述两个选项,但名称中均没有“ css”目录。
我尝试刷新页面,然后将CSS通过W3学校验证程序,然后它通过了。
我不是网络开发人员,所以我对这类问题不熟悉。有谁知道这是什么吗?
编辑:错误是
[02/Jun/2014 10:37:23] "GET /css/style.css HTTP/1.1" 404 1953
我的IDE(PyCharm)可以识别它的存在,而在运行时却无法识别。
当前位于另一个名为“ css”的目录中。我已经将其移至同一目录和“ css”目录之间,但均未起作用
我无法为您提供特定的答案,因为我不知道您的本地文件结构是什么样(如果您将其发布到问题中,我也许可以为您提供直接答案)。
问题出在您使用路径的方式上。我将解释您尝试过的所有选项以及它们的实际作用:
1-无起始点,无起始斜线
href="css/style.css"
如果没有前缀字符,则说明您正在与html文件位于同一目录中。
对于上面的示例,我希望其结构如下:
- CSS (folder)
- STYLE.CSS (file)
- PAGE.HTML (your HTML file)
这意味着HTML文件和CSS文件夹应该是同级的。
2-起始点和斜杠
href="../css/style.css"
现在,您正在HTML文件位置的父目录中工作。假设您的文件夹结构如下:
- CSS (folder)
- STYLE.CSS (file)
- WEBSITE (folder)
- PAGE.HTML (your HTML page)
在此结构中,HTML页面和CSS文件夹不是同级。但是CSS文件夹和HTML页面的父级是同级的。因此,您需要上一层,通过添加../
示例中的内容来完成。
*注意:这可以堆叠。您可以放进去href="../../../css/style.css"
,然后从HTML页面的父级的父级开始工作。
3-开始斜杠
href="/css/style.css"
现在,您正在网站的根目录中工作(而不是页面!)。
假设您的网页可以通过以下URL访问:
http://my.website.com/myapplication/newversion/page.html
使用前斜杠表示将工作文件夹设置为最高的父文件夹(始终是Web域)。因此,对于给定的示例,将在以下位置搜索css文件:
http://my.website.com/css/style.css
使用绝对路径时,最好使用这种表示法。一般来说,我认为这适用于您的情况,您需要相对路径。选项1和2更适合于此。
就像我说的,如果我不知道您的文件夹结构,就无法给您具体的答案。如果您更新了问题,我可以进一步更新我的答案。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句