在網頁設計中，CSS是一個非常重要的部分，它控制著網頁的外觀和樣式。但是，我們在編寫CSS時往往會出現重復的代碼，這不僅浪費了時間和精力，也會增加文件的體積，影響網頁的加載速度。因此，如何優化CSS代碼，避免重復是非常重要的。

一種方法是使用CSS預處理器，比如Sass和Less。它們允許我們使用變量和混合器，可以大大減少代碼的重復。例如，我們可以定義一個顏色變量，然后在整個樣式表中使用它，而不必每次使用時都輸入相同的顏色值。

$primary-color: #007bff;
.button {
background-color: $primary-color;
color: white;
border: none;
padding: 10px 20px;
}
.card {
background-color: $primary-color;
color: white;
border-radius: 5px;
}

這樣做，不僅可以避免代碼的重復，而且如果我們需要改變主題顏色，則只需要更改變量的值即可。

另一種方法是將相同的樣式合并成一個類，然后在HTML中使用該類名稱多次。這種方法可以減少代碼重復，但也可能導致HTML代碼的冗余。所以，在使用此方法時需要權衡利弊。

.button {
background-color: #007bff;
color: white;
border: none;
padding: 10px 20px;
}
.card {
background-color: #007bff;
color: white;
border-radius: 5px;
}

無論我們選擇哪種方法，減少CSS代碼的冗余是非常重要的，這樣可以使我們的代碼更簡潔，易于維護，同時也可以提高網頁的加載速度。