css简要发展史
1. 基础知识
Casading规则，选择器，继承，值和单位，盒模型
层叠的优先级
- 盒模型:控制盒子类型 display：block，inline，
- 控制盒子大小和计算方式：width height box-sizing content-box
- 控制盒字内容： overflow：auto scroll hidden
- 控制定位： position：static relative absolute
- 是否可见： visibilit：visible hidden
2. 布局和定位
常规流，弹性盒子，Grid，定位
块级格式上下文
- 浮动，绝对定位元素，非块盒的块容器 （例如，inline-blocks, table-cells和table-captions）和'overflow'不为visible'的块盒会为它们的内容建立一个新的块格式化上下文
- 在一个块格式化上下文中，盒在经直方向一个接 个地放置，从包含块的质部开始。两个兄弟盒之问的竖直距离由 margin /属性决定。同—个块格式化上下文中的相邻块级盒之间的竖直margin会合并
- 在一个块格式化上下文中，每个盒的left外边 (left outer edge） 挨着包含块的left边（对于从右向左的格式化，right力挨着）。即使存在浮动（尽管一个盒的行盒可能会因为浮动收缩），这也成立。除非该盒建立了一个新的块格式化上下文（这种情况下，该盒白身可能会因为浮动变窄)
外边距塌陷
外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，不过只有上下外边距才会有塌陷，左右外边距不会出现这种问题。
内联级格式化上下文
