如何链接同目录 CSS 文件和 HTML 文件？

Question

我想弄清楚如何在我的index.html上链接我的style.css文件。

style.css文件与我的index.html文件在同一个文件夹中，这就是我尝试引用我的 css 文件的方式，如下所示，但它不起作用：

<link href="aplusryan.github.io/style.css" type="text/css" rel="stylesheet" />

Answer 1

由于您的style.css文件与您的index.html位于同一文件夹中，因此只需使用./而不是完整的 url 来引用您的样式表，如下所示：

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

---

点斜线"./"是当前目录中某些内容的相对路径。 点是当前目录，斜线是路径分隔符。

通过 - Linux 中的 ./ 是什么意思（点斜线）？

Answer 2

如果您的索引和样式表在同一个文件夹中，那么链接应该只是“style.css”，您不需要 GitHub 部分。

如果您将样式表放在名为 css 的文件夹中，并且该 CSS 文件夹与 index.html 处于同一级别，那么您将使用“css/style.css”链接