CSS三大特性

2021-08-03 22:34:07 字數 1038 閱讀 5976

繼承就是子代可以直接使用父代的某些樣式(特徵),當然有些可以繼承,有些不能繼承。比如人可以從父母繼承姓、膚色等,但性格不能繼承。而css中也有繼承性但並不是所有的屬性都可以被繼承。

css中可繼承的和不可繼承的屬性:

不可繼承的屬性有:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before、unicode-bidi。

所有元素可繼承的屬性有:元素可見性屬性visibility和游標屬性cursor。

內聯元素可繼承的屬性有:字型系列屬性和除text-indent、text-align之外的文字系列屬性。

塊狀元素可繼承的屬性有:text-indent、text-align。

列表元素可繼承可繼承的屬性有:list-style、list-style-type、list-style-position、list-style-image。

css中也支援疊加,但名詞為層疊。

層疊性:就是css處理衝突的能力。

案例:

id="dang">張三div>

李四div>

body>

在現實生活中當多條相互衝突的規則施加到同一事物時,也必須指定乙個規則,也就是優先順序。

從系列實驗中可得出css選擇器優先順序的結論

內聯》id選擇器》類選擇器》元素選擇器

內部樣式》外部樣式

CSS三大特性

css三大特性 1.繼承性 作用 子元素可以繼承父元素的樣式 text font line 這些元素開頭的都可以繼承,以及color屬性 特殊性 1 a標籤的字型顏色不能繼承,必須對a標籤自定義字型顏色才能修改 2 h1 h6標籤的字型大小不能繼承,必須對標籤自身修改字型大小才有效。我是div1中的...

CSS三大特性

樣式具有繼承性,一般有關text line font 都能夠繼承。a標籤的顏色不能繼承 繼承title type text css div1 字型和顏色被繼承偽類但是邊框沒有 style head id div1 這是div1中的內容 id div22 這是div2中的內容 div div body...

CSS三大特性

1.繼承 子代可以直接使用父代的某些樣式 特徵 當然有些可以繼承,有些不能繼承。例 介是div1的內容 介是div1的後代div2中的內容 結果為 div2同樣繼承了div1的樣式。div2雖然沒有設定這樣的樣式,但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。但是並不是所有的...