- 浏览器渲染原理
HTML构建HTML树+CSS构建CSS树=渲染树。
渲染方式：
①JS/CSS>样式（Syle）>布局（Lyout）>绘制（Pint）>合成（Cmposite）;
②JS/CSS>样式（Syle）>绘制（Pint）>合成（Cmposite）;
③JS/CSS>样式（Syle）>合成（Cmposite）。
- CSS 动画的两种做法（transition 和 animation）
过渡作用：补充中间帧
transition语法：属性名 时长 过渡方式 延迟（注：配合hover使用，不是所有属性都能过渡，有过渡规律的属性可以过渡，反之则不行；过渡必须要有起始，如果使用transition时还有中间点则需要使用两次transform。）
animation语法：时长 过渡方式 延迟 次数方向 填充模式 是否暂停 动画名（配合@keyframes使用，过渡无需起始）
- 发挥想象力，多多尝试。
