本節簡介:講解css樣式的編寫格式及標簽選擇器、類選擇器、id選擇器、編組選擇器、后代選擇器、通用選擇器、后代選擇器7種類型選擇器的特征對比和編寫格式
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
ID只能用一次,唯一的,在css樣式中定義了id的選擇器,在thml中只能用一次。添加了id后人可以再添加css,
class可以重復使用,id只能使用一次<br><br>ID選擇器 ID是唯一的,在css中樣式定義了id選擇器,在html中只能用唯一一次 格式:#id名 { 屬性1:值; 屬性2: 值2; } 4.通用選擇 器 可以對頁面上的任意元素統一設置一樣的樣式 格式: *{屬性1:值;屬性2:值2;} 5.后代選擇器 父代元素和子級元素中間用空格隔開 格式:父級選擇器 后代選擇器 6、編組選擇器 選擇器與選擇器之間用英文隔開 格式:選擇器1,選擇器,{屬性1:值;屬性:值;}
div,p,span,選擇器 color,font,等為屬性 12px,#fff為值
6.編組選擇器:選擇器與選擇器之間用英語逗號隔開 格式:選擇器1,選擇器2{屬性1 : 值1 ; 屬性2 : 值2;}
1. 標簽選擇器:直接書寫標簽。h1{color};注釋:左側菜單欄; 2. 類選擇器 class 3 ID 選擇器 #title{color}只能使用一次。④通用選擇器:⑤后代選擇器
3.ID選擇器 ID是唯一的,在css中樣式定義了id選擇器,在html中只能用唯一一次 格式:#id名 { 屬性1:值; 屬性2: 值2; } 4.通用選擇 器 可以對頁面上的任意元素統一設置一樣的樣式 格式: *{屬性1:值;屬性2:值2;} 5.后代選擇器 父代元素和子級元素中間用空格隔開 格式:父級選擇器 后代選擇器 6、編組選擇器 選擇器與選擇器之間用英文隔開 格式:選擇器1,選擇器,{屬性1:值;屬性:值;}
1.標簽選擇器 直接書寫標簽的關鍵字 格式:h1{屬性1:值; 屬性2: 值;} 2.類選擇器 通過給標簽添加(class)名稱 格式:、class嗎【
在css中類、ID屬性后加“:”再加“hover”可以改變鼠標經過后的顏色等
7.偽類選擇器:在選擇器的后面添加,hover 格式:a;hover{屬性1 : 值1 ; }
6.編組選擇器:選擇器與選擇器之間用英語逗號隔開 格式:選擇器1,選擇器2{屬性1 : 值1 ; 屬性2 : 值2;}