CSS是網頁設計中不可或缺的一部分。它可以讓網頁變得更加美觀，并提升用戶體驗。然而，CSS也有它的一些問題，其中最常見的問題就是回流（reflow）和重繪（repaint）。

回流和重繪的英文表述分別是reflow和repaint。當DOM元素的位置、大小或內容發生變化時，瀏覽器會進行回流和重繪操作。回流和重繪雖然看起來相似，但其實有很大的區別。

回流(reflow)
回流是指當頁面的布局或者幾何屬性發生改變時，瀏覽器重新計算元素的位置和大小，并重新布局頁面的過程。這個過程非常耗費資源，對于性能影響比較大。因此，盡量避免不必要的回流操作。
重繪(repaint)
重繪是指當頁面的元素不可見狀態改變時，瀏覽器會重新繪制元素的內部和外部樣式。重繪不涉及到頁面的布局和幾何屬性的改變，因此比回流消耗較少的資源。

避免回流和重繪可以提高網站的性能。以下是幾個避免回流和重繪的技巧：

- 使用CSS3動畫
- 使用CSS3轉換，如translate、rotate、scale等
- 避免使用table布局
- 避免在JavaScript中修改樣式
- 避免頻繁操作DOM元素

在實際應用中，我們需要在盡量避免回流和重繪的前提下，使頁面達到理想的效果。因此，需要對回流和重繪有深入的了解，才能更好的進行頁面的優化。