CSS三大特性

2021-08-03 22:13:43 字數 1118 閱讀 4256

1.繼承

子代可以直接使用父代的某些樣式(特徵),當然有些可以繼承,有些不能繼承。

例: 介是div1的內容

介是div1的後代div2中的內容

結果為:div2同樣繼承了div1的樣式。

div2雖然沒有設定這樣的樣式,但是實際上卻使用了該樣式。說明它的樣式從它的父代div1那裡繼承而來。

但是並不是所有的屬性都可以被繼承

從結果反應出來,div2並沒有邊框,也就是說border沒有被繼承,可以進一步通過開發者工具來佐證

哪些屬效能被繼承?哪些屬性不能被繼承?

不可繼承的: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。

內聯元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

終端塊狀元素可繼承:text-indent和text-align。

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

2.層疊性例:

結果:

從結果可以看出,雖然設定了兩個不同的選擇器,但是兩個選擇器內設定的樣式同樣都被運用上。

3.優先順序

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

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

內部樣式》外部樣式

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三大特性

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