选择器
- 多个选择器，都选中一个元素时，根据特异度值选定（指选择器的特殊程度）
- 继承某些属性会自动继承父元素的属性值，除非显式指定一个值。盒模型中某些元素的值不会自动继承。
- 显示继承：box-sizing为不可继承属性；通过统配选择器，将所有的元素的box-sizing的样式更改。html样式更改中，将其中的box-sizing改为了border-box；对于某些特殊要更改的元素，再单独做出更改。
- css中每个元素都有初始值，可以使用initial关键字，将数值初始化。
布局
- 分为header，content，nav，和footer
-布局的相关技术有：常规流，浮动，以及绝对定位
- 常规流
- 行级，块级，表格布局，Flexbox，Grid布局
- 盒子模型
- width，heigh指的是盒子中内容的宽高。
- padding指的是盒子中内容到盒子边框的距离（左为left，右为right，上为top，下为bottom）
- border指的是盒子的边框样式（上下左右与padding的一致。
- margin指的是盒子和其他盒子之间的距离
- 当两个盒子的margin所设定collapse值不一致（一致的情况也不会叠加计算）会取较大的那个数值。
- 块级盒子不能与其他盒子并排摆放，因为它已经一个人占据了一整块。但是行级盒子可以与其他盒子并列摆放。
排版规则
BFC内的排版规则
- 盒子从上到下摆放
- 垂直margin合并
- BFC内盒子的margin不会与外面的合并
- BFC并不会和浮动的元素重叠 Grid布局
