CSS（層疊樣式表）是WEB開發中常用的一種樣式語言。復合樣式是CSS中常用的一種方式，它 允許我們同時設置多個屬性。這在進行樣式設計時非常有用，因為它不僅讓我們能夠更有效地設置樣式，還可以幫助我們減少代碼量，以及方便統一修改樣式，下面讓我們來看看如何使用CSS中的復合樣式。

/* 復合樣式*/
.box {
/* 設置邊框和內邊距*/
border: 1px solid black;
padding: 10px 20px;
/* 設置背景顏色和字體顏色 */
background-color: #fff;
color: #333;
/* 設置文字樣式 */
font-size: 16px;
font-weight: bold;
}

在上面的示例中，我們使用了一個復合樣式，即 同時設置邊框和內邊距、背景顏色和字體顏色，以及字體大小和加粗。這使得我們不必分別編寫邊框、內邊距、背景顏色、字體顏色、字體大小和字體加粗的 CSS 樣式，并且可以一次性編輯它們。

注意，在使用復合樣式時，每個屬性之間都必須使用分號 (;) 將它們分隔開。一旦您習慣使用復合樣式，您會發現它們會大大簡化您的 CSS 代碼，并幫助您更快地開發您的網站。