1.標籤選擇器
用標籤名作為選擇器,就是指給同名的標籤統一加上外觀樣式,這種選擇器影響範圍大,一般用來做一些通用設定,或者層級選擇器中
例:
div
......
這是第乙個div
這是第二個div
1.可使用class的屬性,把html網頁中的標籤進行分類,然後根據類名稱來進行設定
2.注意:
1.使用類名作為選擇器時,類名左邊必須有乙個英文的圓點.
2.類名的設定是不區分標籤,也就是說,p與h1之類的標籤都可以設定為乙個同乙個類
3.同乙個標籤,可以在class屬性中設定多個類,類名之間使用空格隔開
4.如果同乙個標籤中,存在同樣的樣式屬性,但是值不一樣,則採用最後宣告的那乙個
例:
.blue
.big
.box
......
....
....
1.主要應用在標籤巢狀的結構中，層級選擇器，是結合上面的兩種選擇器來寫的選擇器,它可與標籤選擇器結合使用，減少命名，同時也可以通過層級，限制樣式的作用範圍。
例:
.con
.con span
.con .pink
.con .gold
......
....
....
... ....
....
給標籤宣告乙個id屬性值,根據id的屬性值對標籤進行修飾,id值唯一,在引用時用 #id名 即可引用
5.群組選擇器/組選擇器
當某些標籤都可用乙個樣式修飾的時候,可選擇用群組選擇器來修飾,中間用逗號隔開
6.偽類選擇器
專門在某些標籤的特定狀態下，統一宣告樣式,常用的偽類選擇器有hover，表示滑鼠懸浮在元素上時的狀態。
Css選擇器的種類
選擇器有 全域性選擇器，組合選擇器，後代選擇器，子元素選擇器，巢狀選擇器，標籤選擇器，類選擇器，id選擇器，偽類選擇器這幾種。全域性選擇器 設定所有標籤使用同一樣式，用表示 全域性選擇器語法 全域性選擇器 設定所有標籤使用同一樣式，用表示 全域性選擇器語法 顯示效果 html 我是段落紅色 css ...
CSS選擇器介紹
由於這次專案突破性的選擇了做前台，所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性，即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...
CSS選擇器介紹
由於這次專案突破性的選擇了做前台，所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性，即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...