页面再默认渲染机制完成之后,渲染CSS时发现字体颜色、背景色,边框样式等不一样,就会去重新绘制页面元素,这个过程就叫重绘!

常见的重绘样式:

  • color
  • border-style
  • visibility
  • background
  • text-decoration
  • background-image
  • background-position
  • background-repeat
  • outline-coloroutline
  • outline-style
  • border-radius
  • outline-widthbox-shadow
  • background-size

重绘和回流的关系:

回流一定会导致重绘,重绘却不一定回流!