html - 我的网站在实现外部 CSS 时遇到问题，但在内部 CSS 上运行良好。我的代码有什么问题？

Question

我正在尝试将我的内部 CSS 代码转换为外部 CSS 代码。我创建了一个名为“css”的单独文件夹并添加了一个名为“styles.css”的文件。然后，我将我的正文和水平线样式从“index.html”复制并粘贴到“styles.css”，希望使其成为外部 CSS 代码。我希望我的网站会变回使用内部 CSS 代码的状态，但它会恢复到没有任何 CSS 代码的网站。也没有错误消息。我尝试用自己的眼睛扫描代码是否有任何错误，但无济于事，没有任何我认为合适的更改可以引导我达到我正在寻找的目标。这是我为我的网站实现的代码。如果您需要更多信息来帮助我，请询问，我很乐意尽可能多地分享。谢谢你。

我的“index.html”文件

我的“styles.css”文件

我的网站（第一次）

标签： htmlcss

Answer 1

您需要在您的 css 路径文件前面加上一层../，然后导航到您可以访问 css 文件的 css 文件夹。

更改此行：

<link rel="stylesheet" href="css/styles.css" />

对此：

<link rel="stylesheet" href="../css/styles.css" />