Web前端 7 css 選擇器

2021-09-01 05:39:29 字數 801 閱讀 6197

1.選擇器格式

選擇器其中選擇器也叫選擇符

(1)這裡的宣告是以 「屬性:值」的形式,而且多個宣告之間用分號進行分割

(2)例如:h1

h1 ,就是選擇器,當然這裡我們直接用標籤當做選擇器了

color,屬性取值為red

font-size屬性取值為 14個畫素。

其中color:red 就可以理解為乙個宣告。css 由多個這樣的規則組成。

2.語法

(1)選擇器分組

h1,h2,h3,h4,h5,h6 多個元素加入同乙個樣式

(2)繼承

body

②使用:...③注意:id選擇符的名字只在網頁中使用一次.

④選擇符的優先順序:從大到小 [id選擇符]->[class選擇符]->[html選擇符]->[html屬性]

加粗紅色顯示

正常加粗顯示正常加粗顯示

①class類選擇符 (使用點.將自定義名(類名)來定義的選擇符)

②定義: .類名

③使用:....mc /* 凡是class屬性值為mc的都採用此樣式 */

p.ps /*只有p標籤中class屬性值為ps的才採用此樣式*/

注意:類選擇符可以在網頁中重複使用

加粗紅色顯示

正常加粗顯示正常加粗顯示

7 CSS屬性選擇器

可以為擁有指定屬性的 html 元素設定樣式,而不僅限於 class 和 id 屬性。注釋 只有在規定了 doctype 時,ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中,不支援屬性選擇。下面的例子為帶有 title 屬性的所有元素設定樣式 title 下面的例子為 title ...

7 CSS偽元素選擇器

學習偽元素選擇器之前,我們要先了解一下什麼是 偽元素 偽元素 字面理解就是 假的元素,指的是並非由我們自己寫的元素,而是系統自己寫的元素,它並不會顯示出來。與之相對的 就是 真的元素,指的就是由我們自己寫的元素,它就是平常我們在 中能看到的那些元素。在html的標籤中,系統會給每個標籤都加上兩個偽元...

7 css基本選擇器 層疊樣式

1 css基本選擇器 div裡面的p div裡面的span pppspan111 span222 2 css層疊樣式表 單行注釋 多行注釋 通常在寫css樣式的時候會用注釋劃定區域 css的三種引入方式 1 style標籤內部直接書寫2 link標籤引入外部css檔案 最正規的方式 解耦合 3 行內...