body的背景颜色
# 具体遇到的问题
老师你好,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>
正在回答
同学你好,非常抱歉,老师第一次测试的时候忽略了一点,继承的样式权重值是低于标签设置的样式的权重值,而body颜色不显示的原因是body中没有内容,所以给body设置高度把内容撑起来,颜色就能显示出来,如下:
效果:
祝学习愉快!
那我body不是设置了红色吗,自己设置了红色还被继承影响?
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星