在 CSS 中，我們可以使用五種復(fù)合形式來簡(jiǎn)化代碼、增加易讀性。這五種復(fù)合形式分別是 margin、padding、border、background 和 font。

/* margin 復(fù)合形式 */
margin: 10px 5px 3px 8px;
/* 上右下左 */
/* padding 復(fù)合形式 */
padding: 20px 15px;
/* 上下 左右 */
/* border 復(fù)合形式 */
border: 1px solid #ccc;
/* 大小 樣式 顏色（可省略） */
/* background 復(fù)合形式 */
background: #fff url(image.jpg) no-repeat center center;
/* 顏色 圖片地址 背景重復(fù)方式 橫向偏移 縱向偏移 */
/* font 復(fù)合形式 */
font: bold 16px/1.5 Arial, sans-serif;
/* 粗細(xì) 大小 行高 字體名稱 跟隨字體名稱（可省略） */

使用復(fù)合形式可以減少代碼量，更加易讀易懂。但是需要注意的是，在使用復(fù)合形式時(shí)，我們必須按照指定的順序、使用正確的單位、遵循標(biāo)準(zhǔn)的寫法要求。