HTML语义化
梳理内容结构化，条理清晰
便于游览器解析内容
代码可维护性高
默认情况下，块级元素和内联元素
块级元素 p div section h1-h6 ul li
内联元素 span a img i input strong
盒子模型的宽度如何计算
实际 = width + 左右padding + 左右 margin
margin的纵向重叠问题
margin-top 和 margin-bottom纵向发生重叠，二者值最大的为值
margin负值问题
margin取负值，则往目标方向移动，例如margin-left：-10，则方向向左移动10px
BFC的理解和应用
BFC 是独立的块级区域，不影响外部元素布局。
将元素放在特殊的位置时使用
float布局的问题和clearfix
产生一个块级格式化盒子，向左或向右
Absolute（绝对定位）与relative（相对定位）
absolute的位置相对于离它最近且不为static定位的父元素移动。
relative则是相对于他在正常流中的位置移动，此时元素的宽度会影响父元素宽度
fixde相对于游览器窗口的位置
line-height的继承问题
父元素的px会直接继承，没有单位时会直接相乘
rem是什么
rem是相对于html元素的字体大小自适应的单位
em相对于父元素的字体大小自适应的单位
动画
transtion: 执行时间 延迟时间 属性 移动方式
transtion: 1s 1s height ease-in;
animation ：执行时间 延迟时间 执行逻辑 移动方式 循环次数 结束后的样子 移动方向
animation ：1s 1s rainbow ease-in infinite forwards normal;
