Fli*_*Off 3 html css yui css-reset
这是我的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>
Run Code Online (Sandbox Code Playgroud)
这是我的CSS文件代码(style.css):
body {
background-color: #FF0000;
}
Run Code Online (Sandbox Code Playgroud)
但背景颜色body不会改变.
没有CSS重置,它工作正常.你能给我一个更好的CSS重置或任何其他解决方案吗?
bre*_*njt 13
将选择器更改为
html, body{
background-color: #FF0000;
}
Run Code Online (Sandbox Code Playgroud)
brenjt的回答是正确的,但我会提供一个解释,说明错误以及该解决方案的工作原理:
CSS重置文件设置的背景颜色html是整个页面.您只设置body背景颜色,但由于您没有内容,您的身体高度非常小.因此,您看不到身体的背景颜色.
只需像这样在CSS中设置html和body:
html, body { background-color: #FF0000; }
Run Code Online (Sandbox Code Playgroud)
编辑:
如果你没有设置html背景颜色,那么body背景颜色将代表整个页面.但由于您使用的是外部源的CSS重置,因此您无法选择不设置html属性.