css中的继承，子标签会继承父标签的某些样式（话说自己以前还真的没有注意到过继承）

css有三大特性：层叠、继承、优先级。这里说一下继承
继承的好处是：恰当地使用继承，可以简化代码，降低css样式的复杂性。
能够继承的有大部分text- font- line- 这些前缀开头的。color属性以及列表的list-属性也可以继承。
文本
color(颜色，a元素除外)
direction(方向)
font（字体）
font-family（字体系列）
font-size（字体大小）
font-style（用于设置斜体）
font-variant（用于设置小型大写字母）
font-weight（用于设置粗体）
letter-spacing（字母间距）
line-height（行高）
text-align（用于设置对齐方式）
text-indent（用于设置首航缩进）
text-transform（用于修改大小写）
visibility（可见性）
white-space（用于指定如何处理空格）
word-spacing（字间距）
列表
list-style（列表样式）
list-style-image（用于为列表指定定制的标记）
list-style-position（用于确定列表标记的位置）
list-style-type（用于设置列表的标记）
表格
border-collapse（用于控制表格相邻单元格的边框是否合并为单一边框）
border-spacing（用于指定表格边框之间的空隙大小）
caption-side（用于设置表格标题的位置）
empty-cells（用于设置是否显示表格中的空单元格）
页面设置（对于印刷物）
orphans（用于设置当元素内部发生分页时在页面底部需要保留的最少行数）
page-break-inside（用于设置元素内部的分页方式）
widows（用于设置当元素内部发生分也是在页面顶部需要保留的最少行数）
其他
cursor（鼠标指针）
quotes（用于指定引号样式）

随便举个例子，如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .wrap {
            color: red;
            font: 16px "宋体";
            font-style: italic;
            letter-spacing: 10px;
        }
    </style>

</head>

<body>
    <div class="wrap">
        <div class="wrap">
            我是父盒子
            <div class="box1">
                我是子盒子
            </div>
        </div>
    </div>
</body>

</html>

显示图如下：

子盒子完全继承了父盒子的属性