Question

我一直在尝试为不同文件夹中的网站安排我的html文件，以使其更具结构性。主CSS文件夹与index.html文件位于同一位置。但是，当我尝试使用href =＆＃34; css / style.css＆＃34;从新创建的文件夹中的HTML文件访问CSS文件时我一直收到错误＆＃34;无法加载资源＆＃34;。我试着给出完整的路径，但无济于事。所以，我复制了CSS文件夹并将其粘贴到新文件夹中，它们正在运行。但是，现在我必须对所有文件夹执行此操作。

无论如何，我可以避免在所有文件夹中复制CSS文件并从原始位置访问它们吗？

Answer 1

您的href="css/style.css"将尝试从该点读取，无论您的文件位于何处。所以，它必须从那里直接在树上。处理此问题的一种安全方法是使用href="/css/style.css"，这将迫使它从根开始搜索。

尝试放入完整的路径不会起作用，因为它试图从你所在的位置读取整条路径。这也是不正确的。

无论你的结构是什么，你根本就没有指向树中的正确位置。

Answer 2

css文件必须加载到html文件中 - 可能你写错了文件夹。如果在文件夹中创建新文件夹，请查看指定html文件所在的位置，例如/home/root/subsite/file.html，您必须在该文件中设置css文件夹的相对路径。例如，如果css位于/home/root/css/style.css中，则html文件中的相对路径为“../css/style.css” 它必须有一条好的道路。

另一个原因可能是没有css文件夹的读取权限。另一件事可能是反斜杠而不是斜线。

Answer 3

你需要../的魔力。

在相对文件路径中，../表示从当前文件夹中移出一个级别。

采用这个示例文件结构：

    [root]
     |- index.html
     |
     |- [css]
     |   |- style.css
     |
     |- [animals]
     |   |- bird.html
     |   |- cat.html
     |   |
     |   |- [dogs]
     |   |   |- dog1.html
     |   |   |- dog2.html
     |
     |- [food]
     |   |- apple.html
     |   |- banana.html

以下文件中style.css的相对路径为：

<强>的index.html ：

css/style.css

<强> bird.html ：

../css/style.css

<强> dog1.html ：

../../css/style.css

<强> apple.html ：

../css/style.css

如何处理CSS无法加载资源错误

3 个答案: