HTML无法加载CSS

我正在尝试加载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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章