本節簡介:講解css樣式的編寫格式及標簽選擇器、類選擇器、id選擇器、編組選擇器、后代選擇器、通用選擇器、后代選擇器7種類型選擇器的特征對比和編寫格式
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
通用選擇器*{color=}星號可以對頁面上的任意元素統一設置一樣的樣式
點選擇器,類選擇器也稱作class選擇器格式.class名
標簽選擇器:直接書寫標簽的關鍵字 格式h1{屬性1:值1;}
1、標簽選擇器 格式:h1{屬性:值;屬性2:值2;} 2、類選擇器 格式:.class{屬性:值;屬性2:值2;} 3、id選擇器 格式:#id名{屬性:值;屬性2:值2;} 4、通用選擇器 格式:*{屬性:值;屬性2:值2;} 5、編組選擇器 格式:h1, .class {屬性:值;屬性2:值2;} 6、后代選擇器 格式:.out .but{屬性:值;屬性2:值2;} 7、偽類選擇器 格式 a{屬性:值;屬性2:值2;} a:hover{屬性:值;屬性2:值2;}
父級元素和子級元素 用空格隔開 6編組選擇器 選擇器與選擇器之間用英文逗號隔開 7.偽類選擇器 ahref:鏈接 a:hover{}
3.id 選擇器 #ID 4.通用選擇器* 可以對頁面的任意元素同意設置一樣的樣式 5后代選擇器 .out.box 父集 子集
2.類選擇器 格式: .class名 id名稱只能用一次 class 可以使用多次
</自動補全 style:定義css 標簽選擇器 直接書寫標簽的關鍵字 h1{屬性:值; 屬性:值; } h1 class=text 選擇器:.text