《CSS知识总结》

1. 浏览器渲染原理

1. 根据HTML构建HTML树(DOM)
2. 根据CSS构建CSS树(CSSOM)
3. 将两棵树合并成一颗渲染树(render tree)
4. Layout布局(文档流、 盒模型、计算大小和位置)
5. Paint绘制(把边框颜色、文字颜色、阴影等画出来)
6. Compose合成(根据层叠关系展示画面)

2. CSS动画的两种做法

1. 使用两次transform

.a===transform===>.b

.b===transform===>.c

如何知道中间点——用setTimeout或者监听transitionend事件

2. 使用animation

声明关键帧

添加动画

3.可以用到的资料

1. google团队写的文章
2. csstriggers.com/
3. MDN