CSS中有很多屬性是比較復(fù)雜的,比如說那些包含多個(gè)屬性值的屬性——我們稱之為復(fù)合屬性。
例如,background就是一個(gè)復(fù)合屬性,你可以使用一行代碼設(shè)置它的多個(gè)值,例如顏色、圖片、重復(fù)方式、位置等,比如: background: #f2f2f2 url("bg.png") repeat-x top left; 當(dāng)然,你也可以單獨(dú)對(duì)這些值進(jìn)行設(shè)置,例如: background-color: #f2f2f2; background-image: url("bg.png"); background-repeat: repeat-x; background-position: top left;
除了background,還有很多其他的復(fù)合屬性,比如font、border、padding等等,使用時(shí)也可以像上面的方式進(jìn)行整合或者單獨(dú)設(shè)置。
font: italic small-caps bold 1.2em/1.5 "Helvetica Neue", Arial, sans-serif; border: 1px solid #ccc; padding: 10px 20px;
使用復(fù)合屬性可以讓代碼更簡(jiǎn)潔,更易于維護(hù)。但是,如果你想要更精確地控制某個(gè)屬性的值,還是單獨(dú)設(shè)置比較好。