在CSS中,有一種非常重要的機(jī)制叫做“繼承”,它可以讓某些屬性值自動從父元素傳遞到其子元素。而默認(rèn)繼承則是一些CSS屬性默認(rèn)會被子元素繼承的機(jī)制。
body { font-size: 16px; line-height: 1.5; color: #333; }
上述代碼表示了一種常見的CSS樣式:全局設(shè)置body的字體大小、行高和顏色,這些樣式將被應(yīng)用到頁面中的所有元素。而以下就是一些默認(rèn)可以被子元素繼承的CSS屬性:
font系列屬性:font-family、font-size、font-weight、font-style、font-variant、line-height。
color。
text系列屬性:text-align、text-indent、text-decoration、text-transform、letter-spacing、word-spacing。
list系列屬性:list-style-type、list-style-position、list-style-image。
white-space。
例如,在上面的樣式代碼中,如果一個段落元素沒有自定義font-size,那么它的字體大小就會自動繼承body的16px。而此時,如果想調(diào)整該段落的字體大小,可以通過以下方式:
p { font-size: 18px; }
這樣,該段落的字體大小就會變成18px。
需要注意的是,并不是所有的CSS屬性都是默認(rèn)可以繼承的,例如:
背景相關(guān)屬性:background-color、background-image、background-repeat、background-position、background-size、background-attachment。
邊框相關(guān)屬性:border、border-color、border-width、border-style。
定位相關(guān)屬性:position、top、right、bottom、left、z-index。
盒子模型相關(guān)屬性:margin、padding、width、height。
如果這些屬性被應(yīng)用到了某個元素上,它們并不會被傳遞給它的子元素。