CSS 知识总结

111 阅读1分钟

浏览器渲染过程:

1.构建HTML树
2.构建CSS树
3.合并成一棵渲染树
4.进行layout布局(文档流、盒模型、计算大小和位置)
5.paint绘制(颜色,阴影)
6.composite合成(根据层叠关系展示画面)

JS更新样式的三种方法

  1. JS/CSS >>样式>>布局>>绘制>>合成 (REMOVE)
  2. JS/CSS >>样式>>绘制>>合成 (background)
  3. JS/CSS >>样式>>合成 (transform) CSS 渲染过程依次包含布局、绘制、合成 ,其中布局和绘制有可能被省略

CSS 动画的两种做法(transition 和 animation)

js.jirengu.com/hifuzoduve/… js.jirengu.com/ferimiqufi/…