在網頁設計中，CSS樣式的復用是提高代碼效率的重要步驟。通過將CSS樣式抽離出來，可以讓一個樣式可以在網頁中多處復用，避免了重復的代碼編寫，進而減少代碼量，提高開發效率。

為了實現CSS樣式的復用，我們可以使用以下幾種方法：

1. 樣式類(class)
使用樣式類是實現CSS樣式復用的最常見和最簡單的方式。定義好一個樣式類之后，在需要應用的地方調用即可。例如，定義一個class為red的樣式類，然后在需要應用的元素中添加class="red"即可。
.red {
color: red;
}
<p class="red">這是一段紅色的字體</p>

2. ID選擇器
雖然ID選擇器通常用于唯一標識某個元素，但它也可以用于CSS樣式復用。與class不同，ID選擇器只能在網頁中唯一使用，但是由于它具有更高的權重，因此可以非常方便地對某個元素進行樣式設置。
#title {
font-weight: bold;
}
<h1 id="title">這是一級標題</h1>

3. 繼承
CSS樣式也可以繼承，這意味著一個元素可以繼承另一個元素的樣式。例如，一個段落的文本顏色可以從它的父元素中繼承。
p {
color: blue;
}
h1 {
color: inherit;
}
<p>這是一段藍色的字體</p>
<h1>這是一個標題，繼承了父元素p的藍色字體</h1>

通過上述方式，我們可以實現CSS樣式的復用，使得代碼更加簡潔、易于維護，提高開發效率。