CSS的三大特性

2021-09-25 09:12:51 字數 939 閱讀 4613

一、繼承性

1.什麼是繼承性?

作用: 給父元素設定一些屬性, 子元素也可以使用, 這個我們就稱之為繼承性

注意點:

1.並不是所有的屬性都可以繼承, 只有以color/font-/text-/line-開頭的屬性才可以繼承

2.在css的繼承中不僅僅是兒子可以繼承, 只要是後代都可以繼承

3.繼承性中的特殊性

3.1a標籤的文字顏色和下劃線是不能繼承的

3.2h標籤的文字大小是不能繼承的

應用場景:

一般用於設定網頁上的一些共性資訊, 例如網頁的文字顏色, 字型,文字大小等內容

body{}

我是段落

我是超連結

二、層疊性

1.什麼是層疊性?

作用: 層疊性就是css處理衝突的一種能力

注意點:

層疊性只有在多個選擇器選中"同乙個標籤", 然後又設定了"相同的屬性", 才會發生層疊性

css全稱 cascading stylesheet

我是段落

三、優先順序

1.什麼是優先順序?

作用:當多個選擇器選中同乙個標籤, 並且給同乙個標籤設定相同的屬性時, 如何層疊就由優先順序來確定

2.優先順序判斷的三種方式

2.1間接選中就是指繼承

如果是間接選中, 那麼就是誰離目標標籤比較近就聽誰的

2.2相同選擇器(直接選中)

如果都是直接選中, 並且都是同型別的選擇器, 那麼就是誰寫在後面就聽誰的

2.3不同選擇器(直接選中)

如果都是直接選中, 並且不是相同型別的選擇器, 那麼就會按照選擇器的優先順序來層疊

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那裡繼承而來。但是並不是所有的...