body的背景颜色
来源：2-1 项目起步准备
weixin_慕码人7523200
2020-11-09 21:58:37
# 具体遇到的问题
老师你好，index.html中先引入reset.css，后引入css.css，reset.css里面设置html的background：#fff；，css.css里面设置body的background：red；这样为什么body的背景颜色不是红色而是白色？后引入的css.css不是覆盖了reset.css吗？为什么删掉reset.css中的background：#fff后就能正常显示红色？
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>慕云游商城 - 机票、酒店、旅游攻略</title>
<meta name="Keywords" content="机票、酒店、旅游攻略、签证、出国、自由行">
<meta name="Description" content="慕云游商城有10多年旅游行业经验，为您提供全方位旅游服务">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/css.css">
</head>
<body>
</body>
</html>
3回答
-
同学你好，非常抱歉，老师第一次测试的时候忽略了一点，继承的样式权重值是低于标签设置的样式的权重值，而body颜色不显示的原因是body中没有内容，所以给body设置高度把内容撑起来，颜色就能显示出来，如下：
效果：
祝学习愉快！
0 -
weixin_慕码人7523200
提问者
2020-11-10
那我body不是设置了红色吗，自己设置了红色还被继承影响？
0 -
好帮手慕鹤
2020-11-10
同学你好，原因是因为：在reset.css里面是给html添加的背景颜色，而在css.css里面是给body添加的背景颜色；html是body的父元素，所以给html设置了背景颜色会被body继承，所以显示的是reset里面的白色背景，参考如下：
祝学习愉快！
0h020-11-10
相似问题