CSS的三大特性

2021-08-03 22:14:46 字數 1193 閱讀 8962

4 css三大特性

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

比如人可以從父母繼承姓、膚色等,但性格卻繼承不了。

第一特性:

<style

type=

"text/css">

#div1

#div2{}

style>

head>

<body>

<div

id="div1">

這是div1中的內容

<div

id="div2">

這是div1的後代div2中的內容

div>

div2雖然沒有設定這種樣式,但實際上確實呈現了這個樣式,說明他繼承了父類div1 的這個樣式。lnherited(繼承)。

第二:#div1

結果表明,div2並沒有邊框,也就是說div2沒有繼承這個屬性。

作業一:那些屬性可以被子類繼承,那些不可以被繼承?

(1)今天某人丟失人民幣一百元。div1

(2)今天某人吃飯50元。div2

(3)這個某人就是波波。

因為選擇器一和選擇器二都選中了波波,所以開銷疊加。

css中也支援層疊。

.div1

.div2

style>

head>

<body>

<div

class=

"div1">我的字型會變大

<div

class=

"div2">我不僅會變大,還會變色div>

div>

結果顯示:

從那個結論可以得出:我不僅會變大,還會變色   可以看出,兩個選擇器重疊在了一起。

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

從系列實驗中可的處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那裡繼承而來。但是並不是所有的...