首頁 > web前端 > 前端問答 > css不繼承父類別的屬性有哪些

css不繼承父類別的屬性有哪些

青灯夜游
發布: 2023-01-07 11:45:08
原創
4332 人瀏覽過

css不繼承父類別的屬性有:display、width、height、margin 、border、float、clear、position、top、right、bottom、left、background、content、size等等。

css不繼承父類別的屬性有哪些

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS繼承是一種規則,它允許樣式不僅套用於某個特定html標籤元素,而且應用於其後代;也就是說:設定了上級(父級)的CSS樣式,上級(父等級)及以下的子級(下級)都具有此樣式。

css繼承性的作用:為父元素設定一些屬性,子元素也可以使用。

CSS繼承是指被包在內部的標籤將擁有外部標籤的樣式性質。繼承特性最典型的應用通常發揮在整個網頁的樣式預設,需要指定為其它樣式的部份設定在個別元素內即可。這項特性可以提供網頁設計者更理想的發揮空間。但同時繼承也有很多規則,應用的時候容易讓人迷惑。

那麼css不繼承父類別的屬性有哪些?

1、文字屬性:

  • vertical-align:垂直文字對齊

  • text-decoration:規定加入到文字的裝飾

  • ##text-shadow:文字陰影效果

  • white-space:空白符的處理

  • unicode-bidi:設定文字的方向

#2、display:規定元素應該產生的方塊的類型

3.產生內容屬性:

content、counter-reset、counter-increment
登入後複製

4、盒子模型的屬性:

width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
登入後複製

5、輪廓樣式屬性:

outline-style、outline-width、outline-color、outline
登入後複製

6、頁面樣式屬性:

size、page-break-before、page-break-after
登入後複製

7、背景屬性:

background、background-color、background-image、background-repeat、background-position、background-attachment
登入後複製

8、定位屬性:

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
登入後複製

9、聲音樣式屬性:

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during
登入後複製

(學習視頻分享:

css視頻教程

以上是css不繼承父類別的屬性有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板