css什么時候造成重繪和回流？

回流與重繪 1. 當render tree中的一部分(或全部)因為元素的規模尺寸，布局，隱藏等改變而需要重新構建。這就稱為回流(其實我覺得叫重新布局更簡單明了些)。每個頁面至少需要一次回流，就是在頁面第一次加載的時候。

2. 當render tree中的一些元素需要更新屬性，而這些屬性只是影響元素的外觀，風格，而不會影響布局的，比如background-color。則就叫稱為重繪。 注：從上面可以看出，回流必將引起重繪，而重繪不一定會引起回流。

任何對render tree中元素的操作都會引起回流或者重繪，比如 1. 添加、刪除元素(回流+重繪) 2. 隱藏元素，display:none(回流+重繪)，visibility:hidden(只重繪，不回流) 3. 移動元素，比如改變top,left(jquery的animate方法就是,改變top,left不一定會影響回流)，或者移動元素到另外1個父元素中。(重繪+回流) 4. 對style的操作(對不同的屬性操作，影響不一樣) 5. 還有一種是用戶的操作，比如改變瀏覽器大小，改變瀏覽器的字體大小等(回流+重繪)