在CSS中,有許多屬性可以讓你定義元素的樣式。
而其中有一類屬性稱為復合屬性,它們允許你一次定義多個樣式屬性。
比如,border
屬性可以同時定義元素的邊界寬度、顏色和樣式:
{ border: 2px dashed red; }
這樣的代碼就相當于同時定義了border-width
、border-style
和border-color
這三個屬性。
類似地,還有許多其他的復合屬性。
margin
和padding
屬性也是常用的復合屬性,它們允許你同時定義多個方向的值:
{ margin: 10px 20px 30px 40px; padding: 5px 10px; }
上面的代碼定義了元素的四個方向的外邊距,以及兩個方向的內邊距。
其中,margin
的四個值分別代表了上下左右四個方向的外邊距,以此類推。
而padding
的兩個值則代表了上下和左右兩個方向的內邊距。
需要注意的是,如果你只指定了兩個值,則它們會分別作為上下和左右兩個方向的值。如果只有一個值,則它會同時應用到四個方向。
總之,掌握好 CSS 中的復合屬性,可以讓你在編寫樣式時更加方便快捷。
下一篇css中移出事件