CSS是前端開發中不可或缺的一部分，通過樣式表可以使網頁的樣式得到統一和控制。在編寫CSS時，提升復用性是一個非常重要的概念。在日常開發中，我們往往需要反復使用相同的樣式屬性，如果每一個元素都要寫一遍相同的代碼，那么編碼的效率將會非常低下。因此，優化CSS代碼以提升復用性，能夠大大提高開發效率。

/*普通的CSS樣式*/
.header {
background-color: #333;
color: #fff;
font-size: 16px;
height: 100px;
}
/*提升復用性的CSS樣式*/
.base-container {
background-color: #f5f5f5;
border: 1px solid #e0e0e0;
padding: 15px;
}
.title {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.description {
font-size: 14px;
color: #666;
}

可以看到，在提升復用性后的CSS樣式中，我們把共用的樣式屬性單獨拎出來定義為一個類，然后將這個類應用到需要使用的元素中即可。這樣做的好處在于下次需要使用這個樣式屬性時，只需要添加一個使用該類的元素即可，無需重新編寫CSS代碼。

在編寫CSS時，還可以使用CSS預處理器或者模塊化CSS工具進行優化。比如使用Less、Sass等CSS預處理器，可以使用變量、函數等特性提高CSS代碼的可維護性和復用性；使用模塊化CSS工具如BEM、SMACSS等，可以將CSS樣式模塊化，降低后期維護成本。

總之，提升CSS代碼的復用性不僅可以提高代碼的可維護性和開發效率，還可以減少代碼冗余，降低網頁的加載時間，提升用戶體驗。