今天的课程是深入学习CSS，复习了优先级、继承等内容。
1、css求值过程：
2、布局（Layout）：
确定内容的大小和位置的算法；
依据元素、容器、兄弟节点和内容等信息来计算；
3、行级排版上下文 IFC（Inline Formatting Context）
只包含行级盒子的容器会创建一个IFC
IFC内的排版规则：
盒子在一行内水平摆放
一行放不下时，换行显示
text-align 决定一行内盒子的水平对齐
vertical-align 决定一个盒子在行内的垂直对齐
避开浮动(float)元素*
4、块级排版上下文 BFC（Block Formatting Context）
某些容器会创建一个BFC:根元素；浮动、绝对定位、inline-block；Flex子项和Grid子项；overflow 值不是 visible 的块盒；display: flow-root;
BFC内的排版规则：
盒子从上到下摆放
垂直 margin 合并
BFC 内盒子的 margin 不会与外面的合并
BFC 不会和浮动元素重叠
如果一个盒子里既有块级又有行级，这时会创建两个匿名的块级盒子把文字包裹起来。。
5、Flex-box:一种新的排版上下文
可以控制子级盒子的一些内容：摆放的流向、摆放顺序、盒子宽度和高度、水平和垂直方向的对齐、是否允许折行。
