- 浏览器渲染原理
- CSS动画的两种做法（transition 和 animation）
- 其他任何你想写的。 开发者工具快捷键 opt+cmd+i；
先根据HTML构建HTML树，然后根据CSS构建CSS树。将两棵树合并成一棵渲染树，然后layout布局-paint绘制-composite合成。
渲染方式有3种：
layout-paint-composite
paint-composite
composite
transition 过渡，作用是补充中间帧。
语法 transition:width/height/all 时长 过渡方式 延迟时间;
并不是所有属性都能过渡，如 display:none =>block没法过渡，一般改成visibility:hidden =>visible
background
颜色可以过渡，透明度可以过渡。
过渡必须要有始有终。
animation 声明关键帧，然后加动画。
语法 animation:时长|过渡方式|延迟|次数|方向|填充模式|是否暂停|动画名；
infinite alternate 适合做加载动画，等加载完成后移除。
让动画停在最后一帧：加forwards
开发者工具查看渲染效果：任何一个tab按esc，随便选一个元素，右击rendering 渲染；必须全屏查看效果
CSS学习重在实践。
