前端開發中，CSS是重要的一部分，它可以為HTML頁面添加樣式和布局，提高網站的可讀性和用戶體驗。

我們常常會遇到一些CSS代碼難以維護和管理的情況，這時候我們需要優化和規范我們的代碼。下面是一些常用的CSS代碼技巧：

/* 1. 使用復合選擇器 */
.box {
/* your styles here */
}
.box p {
/* your styles here */
}
/* 2. 簡寫屬性 */
.box {
margin: 10px 0 20px 0;
padding: 5px 20px;
}
/* 等價于 */
.box {
margin: 10px 0 20px;
padding: 5px 20px;
}
/* 3. 嵌套選擇器 */
.box {
/* your styles here */
}
.box .title {
/* your styles here */
}
/* 4. 使用變量 */
:root {
--main-color: #000000;
}
.box {
color: var(--main-color);
}
/* 5. 引入CSS預處理器 */
如：Less、Sass等

這些技巧可以幫助我們更好地管理和維護CSS代碼，提高開發效率和代碼質量。