CSS—重绘与重排:10秒掌握重绘与重排

  重绘和重排是浏览器在渲染页面时涉及的两个重要概念，它们之间的主要区别体现在触发条件、影响范围以及性能开销上，以下是对两者的详细对比：

类型	触发条件	影响范围	性能开销
重绘	样式发生改变	仅影响元素的外观样式	小
重排	布局发生改变	影响整个页面的布局	大

  简单的理解就是
重绘，重新绘制，针对元素，只影响某个元素(并不是绝对的)，局部范围，所以开销小。
重排，重新排列，针对整个页面布局，影响整个页面，全局范围，所以开销大
什么情况加触发重绘？什么情况下触发重排呢？不要死记硬背，要理解。
样式改变触发重绘。 什么属性改变样式呢？比方说：颜色，背景，透明度等等
布局发生改变触发重排。 什么属性改变布局呢？比方说:宽高，position，display，border，padding，margin等等
全是精华，没有需要精炼的位置