什么是css繼承?哪些屬性能繼承,哪些不能?

CSS繼承可定義為特定的css屬性向下傳遞到子孫元素,就是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式,即子元素可以繼承父元素的屬性。

一、能繼承的屬性

1. 字體系列屬性:font、font-family、font-weight、font-size、font-style;
2. 文本系列屬性:
(1)內(nèi)聯(lián)元素:color、line-height、word-spacing、letter-spacing、text-transform;
(2)塊級元素:text-indent、text-align;
3. 元素可見性:visibility
4. 表格布局屬性:caption-side、border-collapse、border-spacing、empty-cells、table-layout;
5. 列表布局屬性:list-style
6. 生成內(nèi)容屬性:quotes
7. 光標(biāo)屬性:cursor
8. 頁面樣式屬性:page、page-break-inside、windows、orphans;
9. 聲音樣式屬性:speak、speech-rate、volume、voice-family、pitch、stress、elevation;

二、不能繼承的屬性

1. display:規(guī)定元素應(yīng)該生成的框的類型;
2. 文本屬性:vertical-align、text-decoration;
3. 盒子模型的屬性:width、height、margin 、border、padding;
4. 背景屬性:background、background-color、background-image;
5. 定位屬性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip;
6. 生成內(nèi)容屬性:content、counter-reset、counter-increment;
7. 輪廓樣式屬性:outline-style、outline-width、outline-color、outline;
8. 頁面樣式屬性:size、page-break-before、page-break-after;
9. 聲音樣式屬性:pause、cue、play-during;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,199評論 1 92
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,460評論 0 11
  • 一、無繼承性的屬性 1、display:規(guī)定元素應(yīng)該生成的框的類型2、文本屬性:vertical-align:垂直...
    emily_gss閱讀 1,464評論 0 3
  • 有很多疑問 再也不需要答案 因為心知肚明 有很多等待 永遠(yuǎn)不會有結(jié)果 因為遙遙無期 有很多事情 永遠(yuǎn)不知道是對是錯...
    無心旡花閱讀 202評論 0 0
  • 2018.3.30 晴 星期五 今晚接小朱有點晚,遇到他時他已經(jīng)跟王浩宇爸爸帶到幼兒園那里了,還不跟我走說要去他...
    TianHao媽媽閱讀 187評論 0 2

友情鏈接更多精彩內(nèi)容