一. 浏览器渲染过程
- 根据HTML构建HTML树（DOM）
- 根据CSS构建CSS树（CSSOM）
- 将两棵树合并成一棵渲染树（render tree）
- Layout布局（文档流、盒模型、计算大小和位置）
- Paint绘制（把边框颜色、文字颜色、阴影等画出来）
- composite合成（根据层叠关系展示画面）
二. CSS 动画的两种做法
- transition（过渡）
transition：属性名 时长 过渡方式 延迟
transition属性可以被指定为一个或多个 CSS 属性的过渡效果，多个属性之间用逗号进行分隔。每个单属性转换都描述了应该应用于单个属性的转换（或特殊值all和none）。
2. animation
1.1 声明关键帧
@keyframes语法完整版见文档
一种是from to，一种是百分数
1.2 缩写语法
animation:时长|过渡方式|延迟|次数|方向|填充方式|是否暂停|动画名
方向：reverse/alternate/alternate-reverse
填充模式：none/forwards/backwards/both
是否暂停：paused/running
三. 学习体会
学习不仅是输入，还要有一个输出的过程，以此加深对知识的理解。
