选择器的特异度（Specificity）
特异度就是选择器特殊的程度，越特殊的选择器优先级越高。
继承
某些属性会自动继承其父元素的计算值，除非显式指定一个值。
初始值
-
CSS中，每个元素都有一个初始值
- background-color的初始值为transparent
- margin-left的初始值为0
-
可以使用initial关键字显式重置为初始值
- background-color：initial
CSS求值过程
- 计算值：浏览器在不进行实际布局的情况下，所得到的最具体的值，比如60%
- 使用值：进行实际布局时使用的值，不会再有相对值或关键字，
布局
- 确定内容的大小和位置的算
- 依据元素、容器、兄弟节点和内容等信息来计算
布局相关技术
- 常规流：行级、块级、表格布局、FlexBox、Grid布局
- 浮动
- 绝对定位
width
- 指定 content box 宽度
- 取值为长度、百分数、auto
- auto由浏览器根据其他属性确定
- 百分数相对于容器的 content box 宽度
height
- 指定 content box 高度
- 取值为长度、百分数、auto
- auto取值由内容计算得来
- 百分数相对于容器的 content box 高度
- 容器有指定高度时百分数才生效
padding
- 指定元素四个方向的内边距
- 百分数相对于容器的宽度（不管是上下还是左右）
border
- 指定容器边框样式、粗细和颜色
- 三种属性：border-width border-style border-color
- 四个方向：border-top border-right border-bottom border-left
margin
- 指定元素四个方向的外边距
- 取值可以是长度、百分数、auto
- 百分数相对于容器宽度
- 当margin-left为auto，margin-right也为auto时，水平居中
- 只会在上面元素的margin-bottom和下面元素的margin-top中取大的来留中间的间距，不会将两者相加
