CSS特性 盒子模型

继承性：子元素继承父元素的特点

1. a标签的color不继承
2. h系列的font-size失效

层叠性：

1. 同一标签不同样式，样式叠加，共同作用标签
2. 同一标签同一样式，样式覆盖，最后的生效
3. 样式冲突，选择器优先级相同，才会层叠判断结构 

优先级：

继承< 通配符< 标签选择器< 类选择器< id选择器< 行内样式< !important

!important与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。

概念：

1. 每个标签都可以叫一个盒子
2. 浏览器渲染网页，将网页元素看成一个个矩形区域
3. 内容（content）内边距区域（padding）边框区域（border）外边距区域（margin）

solid 实线 dashed 虚线 dotted 点线 

单边框
<style>
    div{
        border-left: 5px dotted #000
}
</style>