CSS中經常使用復合屬性來簡化代碼，以下是一些常見的復合屬性：

/* border */
border: 1px solid black;
/* 等同于 */
border-width: 1px;
border-style: solid;
border-color: black;
/* margin */
margin: 10px 20px 30px 40px;
/* 等同于 */
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
/* padding */
padding: 5px 10px;
/* 等同于 */
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
/* font */
font: 14px/1.5 'Helvetica Neue',Helvetica,sans-serif;
/* 等同于 */
font-size: 14px;
line-height: 1.5;
font-family: 'Helvetica Neue',Helvetica,sans-serif;