body的背景颜色

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后就能正常显示红色?

# 报错信息的截图
http://img1.sycdn.imooc.com//climg/5fa9496e09e9a5c805710391.jpghttp://img1.sycdn.imooc.com//climg/5fa94ae9094b89ef03790167.jpg

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!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设置高度把内容撑起来,颜色就能显示出来,如下:

http://img1.sycdn.imooc.com//climg/5fa9fd8609dd143f02870110.jpg

效果:

http://img1.sycdn.imooc.com//climg/5fa9fda60976b83914460601.jpg

祝学习愉快!

weixin_慕码人7523200 提问者 2020-11-10 10:30:49

那我body不是设置了红色吗,自己设置了红色还被继承影响?

好帮手慕鹤 2020-11-10 09:57:41

同学你好,原因是因为:在reset.css里面是给html添加的背景颜色,而在css.css里面是给body添加的背景颜色;html是body的父元素,所以给html设置了背景颜色会被body继承,所以显示的是reset里面的白色背景,参考如下:

http://img1.sycdn.imooc.com//climg/5fa9f36e099bd5d910160462.jpg

祝学习愉快!

  • 那我body不是设置了红色吗,body自己设置了红色还被继承影响?
    2020-11-10 10:32:23
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师