HTML没有加载CSS

Question

我正在尝试加载一个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"也没有用

Answer 1

我不能给你一个具体的答案,因为我不知道你的本地文件结构是什么样的(如果你在问题中发帖,我可能会给你一个直接的答案).

问题源于您如何使用该路径.我将解释您尝试过的所有选项以及它们实际执行的操作:

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"

现在你正在你网站的根目录(而不是你的页面!)工作.

假设您的网页可通过以下网址访问:

http://my.website.com/myapplication/newversion/page.html

使用前导斜杠意味着将工作文件夹设置为尽可能高的父级(始终为Web域).因此,对于给定的示例,将在以下位置搜索css文件:

http://my.website.com/css/style.css

使用绝对路径时,最好使用这种表示法.一般来说,我认为这适用于您的情况,您需要一个相对路径.选项1和2更适合这种情况.

就像我说的,如果我不知道你的文件夹结构,我不能给你具体的答案.如果您更新了问题,我可以进一步更新我的答案.