html - 为什么我的 HTML 没有与我的 CSS 链接？

Question

我在我的网站上工作，我的 HTML 没有链接到我的 CSS。有人可以解释一下这个问题吗？

这是我的代码片段。

<link href="css/style2.css" rel="stylesheet" type="text/css">

我的文件目录是这样的。

• /根
  • /css
    • 样式.css
    • 样式2.css
  • /html
    • 索引.html
    • webconfig.html
  • /图片

这个对吗？

Answer 1

您的当前href是一个相对路径，根植于 HTML 文件所在的位置。

您可以使用正确的相对路径...

<link href="../css/style2.css" rel="stylesheet" type="text/css">

或者您可以使用绝对（域根）路径...

<link href="/css/style2.css" rel="stylesheet" type="text/css">

...假设您的网站部署在您的域的根目录。

Answer 2

您拥有的链接是相对的，因此它开始在与您的 html 相同的文件夹中查找。您可以使用/css/style2.css或使用相对路径来创建 css 的绝对路径../css/style2.css

Answer 3

使用相对 URL <link href="../css/style2.css" rel="stylesheet" type="text/css">

url css/style2.css应该相对于 HTML 文件（包含代码的文件 <link href="css/style2.css" rel="stylesheet" type="text/css">）。

.. 在上面的相对 URL 中表示返回一个文件夹，然后到 css 文件夹 - 在该 css 文件夹中使用 style2.css 文件。

同样../../，意味着返回两个文件夹，依此类推。