CSS樣式是網頁設計中不可或缺的一部分，它可以使網頁變得更加美觀和易讀。但是在使用CSS樣式時，我們也要了解一些與其相關的概念，比如重繪和重排。

重繪是指當元素的樣式發生變化時，瀏覽器需要重新繪制整個元素，以便讓它顯示出新的樣式。這個過程比較耗費資源，因為它不僅要重新計算元素的樣式，還要重新渲染整個元素。

例子：
box{
background-color: red;
}
box{
background-color: blue;
}

在上面的代碼中，我們先將box的背景顏色設置為紅色，然后又將它設置為藍色。這會導致瀏覽器重新繪制整個元素，以便將它的背景顏色變為藍色。

重排是指當頁面中的元素發生變化時，瀏覽器需要重新計算它們的位置和大小，以便讓它們按照正確的順序排列。這個過程比較耗費資源，因為它需要重新計算元素的布局。

例子：
box{
width: 100px;
}
box{
width: 200px;
}

在上面的代碼中，我們將box的寬度從100px增加到200px。這會導致瀏覽器重新計算頁面中所有元素的位置和大小，以便它們能夠按照正確的順序排列。

因此，為了避免頻繁地重繪和重排，我們應該盡量減少對元素樣式的修改。另外，我們還可以使用一些技巧來最小化重繪和重排的開銷，比如使用合適的選擇器、避免使用過多的嵌套、使用CSS動畫等等。