以下總結自《CSS揭祕》，一本不錯的書，可以學到一些 CSS 的進階技巧
現在要設定一個背景色，有兩種寫法：
// 簡寫
background: red;
// 非簡寫
background-color: red;
複製程式碼前者是簡寫，可以確保得到一個純色背景；後者不一定能得到想要的結果，因為可能會有一條 background-image 宣告在起作用。
展開式寫法並不會幫助你清空所有相關的其他屬性，從而可能會干擾你想要達到的效果。
使用原則
合理使用簡寫是一種良好的防衛性編碼方式，可以抵禦未來的風險。
如果要明確去覆蓋某個具體的展開式屬性並保留其他相關樣式，就用展開式寫法。
配合使用
配合使用展開式屬性和簡寫屬性，有時可能減少一些重複，提高程式碼可維護性。
background: url(tr.png) no-repeat top right,
url(br.png) no-repeat bottom right,
url(bl.png) no-repeat bottom left;
// 配合使用
background: url(tr.png) top right,
url(br.png) bottom right,
url(bl.png) bottom left;
background-repeat: no-repeat;
複製程式碼這樣只需要修改一處，就可以改變所有的 background-repeat 了。
參考
- 《CSS揭祕》