论坛

标题: html+css中第四章的css有不明白的地方，忘指点。 [打印本页]

作者: 7秒 时间: 2017-12-14 15:29
标题: html+css中第四章的css有不明白的地方，忘指点。
在html+css网页前端课程中的第四章第三节，有以下 css：

.pro .con{ width:1080px; margin:35px auto 0; overflow:hidden;}
.pro .con .btn{ width:40px; height:234px; background:#099; float:left; cursor:pointer;}
.pro .con .btn_l{ background:url(../images/btn_l.png) no-repeat left center}
.pro .con .btn_r{ background:url(../images/btn_r.png) no-repeat right center}
.pro_out{ width:1000px; height:234px; float:left;}
.pro_out li{ float:left; margin-right:45px;}
.pro_out li img{ display:block;}
.pro_out li h3{ height:43px; line-height:43px; font-size:12px; color:#fff; font-weight:100; text-align:center; background:#21a6eb; border-bottom:4px solid #f49231;}

这段CSS样式中，并没有定义h3 的宽度，而它的背景颜色却填成和上面的图片一样的宽度，那么这里的h3是默认和上面图片一样的宽度吗？

作者: 潜意式 时间: 2017-12-15 16:56
这个是有继承关系的，如果h3没有额外定义宽度，那么就会继承父集.pro_out li的宽度，如果这个也没有宽度，就继续向上，继承.pro_out的宽度属性哦。

作者: 7秒 时间: 2017-12-16 08:32

潜意式发表于 2017-12-15 16:56
这个是有继承关系的，如果h3没有额外定义宽度，那么就会继承父集.pro_out li的宽度，如果这个也没有宽度， ...

好的，谢谢！

欢迎光临论坛 (http://bbs.qinxue.com/)