样式具有继承性,比如说
1.<body>里面设置样式的时候,body标签里的所有标签都会继承body的样式。
2.父子继承关系,儿子只继承了父亲的宽度,没有继承高度
关于层叠性:
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{padding:0;margin:0;}
.box{
color:green;
font-family:simsun;
}
div{
color:red;
font-size:12px;
}
</style>
</head>
<body>
<div class="box">你好漂亮,也很帅气,也很温柔,也很知性,也很理智</div>
</body>
这段代码颜色依旧是绿色,因为.box的优先级比div高,但是font-family和font-size都体现出效果,这就是样式的层叠性