CSS是前端開發中不可或缺的一部分，而其中最常用的就是提取類了。所謂提取類，就是將CSS中重復的樣式代碼提取出來，然后在需要使用這些樣式的元素上加上相應的類，以達到代碼的簡潔和易于維護。

提取類的方式有兩種，一種是手動提取，另一種則是使用CSS預處理器來實現。

/* 手動提取類 */
.header {
font-size: 24px;
color: #333;
}
.footer {
font-size: 16px;
color: #999;
}
/* 在需要使用這些樣式的元素中加上相應的類 */
...

手動提取類的好處是簡單易懂，但在大型項目中，提取類的工作會變得十分繁瑣。這時候，使用CSS預處理器就會變得更加方便。

/* 使用Sass來提取類 */
$font-size-header: 24px;
$color-header: #333;
$font-size-footer: 16px;
$color-footer: #999;
.header {
font-size: $font-size-header;
color: $color-header;
}
.footer {
font-size: $font-size-footer;
color: $color-footer;
}
/* 在需要使用這些樣式的元素中加上相應的類 */
...

使用CSS預處理器，如Sass、Less等，可以將樣式值和屬性提取到變量中，并在需要使用的時候直接調用變量。這樣，在修改樣式時，只需要修改變量的值即可，大大提高了代碼的維護性。

提取類是CSS中非常重要的一個技巧，可以讓代碼更加簡潔易讀，并提高代碼的可維護性。無論是手動提取還是使用CSS預處理器，只要方法得當，都可以取得很好的效果。