无法使用 CSS 重置更改正文背景颜色

发布于 2024-11-19 17:58:54 字数 819 浏览 4 评论 0原文

这是我的 HTML 代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Hover Zoom</title>
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
        <link rel="stylesheet" type="text/css" href="style.css">
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" >
    </head>
    <body>

    </body>
</html>

这是我的 CSS 文件代码（style.css）：

body {
    background-color: #FF0000;
}

但是 body 的背景颜色没有改变。

没有CSS重置，它工作正常。你能给我建议一个更好的 CSS 重置，或者任何其他解决方案吗？

原文

Here is my HTML code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Hover Zoom</title>
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css">
        <link rel="stylesheet" type="text/css" href="style.css">
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" >
    </head>
    <body>

    </body>
</html>

Here is my CSS file code (style.css):

body {
    background-color: #FF0000;
}

but the background color of body does not change.

Without the CSS reset, it works fine. Can you suggest me a better CSS reset, or any other solution?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

甜扑 2024-11-26 17:58:55

将您的选择器更改为

html, body{
    background-color: #FF0000;
}

change your selector to

html, body{
    background-color: #FF0000;
}

回复收藏 0 原文

浊酒尽余欢 2024-11-26 17:58:55

brenjt 的答案是正确的，但我将解释错误所在以及该解决方案为何有效：

您的 CSS 重置文件设置 html 的背景颜色，即整个页面。您只需设置 body 的背景颜色，但由于没有内容，您的 body 的高度非常小。因此，您看不到主体的背景颜色。

只需在 CSS 中设置 html 和 body 即可：

html, body { background-color: #FF0000; }

编辑：

如果您没有设置 html 背景颜色，那么 body 的背景颜色将代表整个页面。但由于您使用的是外部源的 CSS 重置，因此您无法选择不设置 html 属性。

brenjt's answer is correct, but I'll provide an explanation for what is wrong and why that solution works:

Your CSS reset file sets the background color of html which is the entire page. You are only setting the body's background color, but your body is extremely small in height since you have no content. Consequentially, you do not see the body's background color.

Just set both the html and body in CSS like this:

html, body { background-color: #FF0000; }

EDIT:

Had you not set the html background color, then body's background color would represent the whole page. But since you are using an external source's CSS reset, you do not have the option of not setting the html properties.

回复收藏 0 原文

~没有更多了~