在CSS中,有時(shí)需要使用連續(xù)幾個(gè)點(diǎn)來(lái)表示一些樣式。
p { font-size: 1.2em; color: gray; line-height: 1.5; ... }
這些點(diǎn)可以用于表示其他樣式的縮寫(xiě)。比如,我們可以使用三個(gè)點(diǎn)來(lái)表示其他樣式。
p { font: bold 1.2em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; ... }
這里的三個(gè)點(diǎn)表示了font-weight、font-size、line-height、font-family四個(gè)屬性值的縮寫(xiě)。使用這種縮寫(xiě)方式可以讓我們的CSS代碼更簡(jiǎn)潔、更易讀。
此外,連續(xù)兩個(gè)點(diǎn)也可以用于清空其他屬性的值。比如,我們可以使用兩個(gè)點(diǎn)來(lái)清空padding和margin。
p { padding: 0; margin: 0; ... }
p { padding: 0; margin: 0; ... ..; }
這里的兩個(gè)點(diǎn)表示清空該元素的其他屬性。
需要注意的是,這個(gè)縮寫(xiě)方式并非所有的CSS屬性都支持,只有部分常用屬性才支持這種縮寫(xiě)方式。