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 行內...