Question

我最近下载了Sublime Text 2，认为它会简化像我这样的初学编码器的过程。它确实如此，直到我的css文件停止生效。 html文件如下所示：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="StyleSheet.css">
        <title>
        My Webpage Test
        </title>
    </head>
    <body>
    </body>
</html>

css看起来像这样：

body {
    background-color: rgb(255,0,0);
}

使用这样简单的CSS，我无法理解为什么颜色（鲜红色）不会生效！网页结果是一种奇怪的绿色。

请帮忙！

编辑：我明白了。问题是我有两个同名的css文件。谢谢你的帮助！

Answer 1

并更改css的名称

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="./style.css">
        <title>
        My Webpage Test
        </title>
    </head>
    <body>
    </body>
</html>

Answer 2

在正文中放置一个段落。例如：

<body>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>

Answer 3

确保文件名正确，并且与您的代码中的情况相同。

重新打开样式表并确保它不包含rgb（0,255,0）而不是rgb（255,0,0），就像你发布的代码一样，因为第一个是亮绿色而后者是红色。

或者，你可以在你的CSS中做background: red;。

最后，您可能遇到缓存问题。使用Ctrl + Shift + R或Ctrl + F5强制刷新页面（取决于您的浏览器）。

对于那些说要确保身体有内容的人，身体不需要p标签或其他任何东西来实现这一点。 body标签默认为可见区域。

我的CSS不适用于我的html网页

3 个答案: