Html 页面上未加载CSS

第一次堆栈溢出。在过去的几个月左右，我一直在自学网页设计。我刚刚开始另一个网站只是为了练习，但CSS似乎不想加载

我一直在用括号练习，当我在chrome中预览页面时，它只加载默认样式

以下是我目前的代码：

怪物之家
怪物之家

家
经典的
电影
神话的
联系我们

欢迎
布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉

您的css文件可能位于其他文件夹中，例如： [css文件夹]->[styles.css] 如果是，您必须更改到css/styles.css的路径 我看不出你的css没有加载给我的其他原因，它工作得很好。 可能css文件不在正确的位置。根据您的代码，它应该与html文件位于同一文件夹中。 如果它在其他目录中，请将其链接到适当的目录

抱歉，但它在IE、Chrome和Firefox上运行得非常好。我无法理解你的问题。 如果你能提供更多的信息，也许我们能帮上忙

---

可能只是命名错误。请查看。

您的.html和.css必须位于同一个文件夹中，才能正常工作。假设您的服务器是

http://localhost

如果您转到

http://localhost/styles.css

您应该可以看到样式表的内容

---

确保清除浏览器缓存以始终获取当前版本。

我尝试复制您的HTML和CSS。一切都和你描述的一模一样

结果表明CSS工作100%良好

这里有一个快速的方法来确定你的

styles.css

链接是否正确。打开HTML文件，右键单击并选择“类似于查看页面源代码”。到达后，单击

styles.css

。如果工作正常，则样式表链接正确

---

然后可能是浏览器的问题。尝试在其他浏览器中打开该文件

如果样式表位于同一文件夹中（且名称正确），则应将其称为：

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

在文件名前面加上/

请注意: 这将只适用于你的网页是在互联网上，而不是本地，谢谢你IkoTikashi

我会继续这样做，以向您展示当文档联机时，引用它们而不使用前面的斜杠--

/

--将搜索同一目录，而使用斜杠它将搜索网站的基本目录

---

还请注意，您的

元素缺少字母“g”，这可能会导致各种浏览器错误

检查样式表是否与html文档位于同一位置，以及样式表的名称是否正确

如果您的样式表位于另一个文件夹中，则路径必须与您试图链接到的文档相对

e、 g.如果你有一个

 - index.html
 - style
      - styles.css

然后您需要使用：

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

---

好的，我想我已经解决了我的问题

<!-- CSS -->

p {
    background-color: green;
}

p{
背景颜色：绿色；
}

---

我把CSS顶部的评论搞乱了，我把它拿出来，现在它可以工作了。我想我把HTML和CSS注释的语法搞混了。谢谢大家的帮助：）

样式表的路径正确吗？

styles.css

通常称为

style.css

的名称。cssOT：代码中的小错误：

应该是

此代码假设styles.css和html文件位于同一目录中。是这样吗？是的，它们都在同一个文件夹中。虽然你完全正确，但我认为“也许”不能是“答案”@Martin，我同意你的看法。然而，有了@TienNguyen抱歉，我忘记了那个问题。总的来说，这引发了一个（n离题）困境。我的样式表在同一个文件夹中，我开始怀疑这是chrome中的设置还是什么。只有在他使用Web服务器而不是直接查看文件的情况下。