css 可以繼承的屬性

有繼承性的屬性:

        1、字體系列屬性

        font:組合字體

        font-family:規定元素的字體系列

        font-weight:設置字體的粗細

        font-size:設置字體的尺寸

        font-style:定義字體的風格

        font-variant:設置小型大寫字母的字體顯示文本,這意味着所有的小寫字母均會被轉換爲

        大寫,但是所有使用小型大寫字體的字母與其餘文本相比,其字體尺寸更小。

        font-stretch:允許你使文字變寬或變窄。所有主流瀏覽器都不支持。

        font-size-adjust:爲某個元素規定一個 aspect 值,字體的小寫字母 "x" 的高度與

        "font-size" 高度之間的比率被稱爲一個字體的 aspect 值。這

        樣就可以保持首選字體的 x-height。

2、文本系列屬性

        text-indent:文本縮進

        text-align:文本水平對齊

        line-height:行高

        word-spacing:增加或減少單詞間的空白(即字間隔)

        letter-spacing:增加或減少字符間的空白(字符間距)

        text-transform:控制文本大小寫

        direction:規定文本的書寫方向

        color:文本顏色

3、元素可見性:visibility

        4、表格佈局屬性:caption-side、border-collapse、border-spacing、

        empty-cells、table-layout

        5、列表屬性:list-style-type、list-style-image、list-style-position、list-style

        6、生成內容屬性:quotes

        7、光標屬性:cursor

        8、頁面樣式屬性:page、page-break-inside、windows、orphans

        9、聲音樣式屬性:speak、speak-punctuation、speak-numeral、speak-header、

        speech-rate、volume、voice-family、pitch、pitch-range、

        stress、richness、、azimuth、elevation

所有元素可以繼承的屬性:

1、元素可見性:visibility、opacity        2、光標屬性:cursor

內聯元素可以繼承的屬性:

1、字體系列屬性        2、除text-indent、text-align之外的文本系列屬性

塊級元素可以繼承的屬性:

1、text-indent、text-align

無繼承的屬性

        1、display

        2、文本屬性:vertical-align:

        text-decoration:

        text-shadow:

        white-space:

        unicode-bidi:

        3、盒子模型的屬性:寬度、高度、內外邊距、邊框等

        4、背景屬性:背景圖片、顏色、位置等

        5、定位屬性:浮動、清除浮動、定位position等

        6、生成內容屬性:content、counter-reset、counter-increment

        7、輪廓樣式屬性:outline-style、outline-width、outline-color、outline

        8、頁面樣式屬性:size、page-break-before、page-break-after

繼承中比較特殊的幾點

1、a 標籤的字體顏色不能被繼承

1、h1-h6標籤字體的大下也是不能被繼承的

因爲它們都有一個默認值


鏈接:https://www.jianshu.com/p/fbfc6c751e34

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章