<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css继承和层叠</title>
<style type="text/css">
/* p{color: red;} */
div{font-size: 60px;}
</style>
</head>
<body>
<div >
<p>css<b>继承</b></p> <!-- span也显红色，虽然没有定义颜色，但是继承了父标签的颜色 -->
<div >css层叠</div>
</div>
<p>css继承和层叠</p> <!-- 文字大小不变，因为不是div的子标签 -->
</body>
</html>
<!-- 笔记：
继承的好处：父元素设置样式，子元素可以继承部分属性，减少css代码 -->
<!-- 不是所有的属性都能继承 -->
<!-- 可以定义多个样式
不冲突时，多个样式可层叠为一个
冲突时，按不同样式规则优先级来应用样式 -->
