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"

现在您正在您的网站(不是您的页面!)的根目录中工作!

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

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

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

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

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

---

就像我说的，如果我不知道你的文件夹结构，我无法给你具体的答案。如果您更新您的问题，我可以进一步更新我的答案。