本節簡介:講解css樣式的編寫格式及標簽選擇器、類選擇器、id選擇器、編組選擇器、后代選擇器、通用選擇器、后代選擇器7種類型選擇器的特征對比和編寫格式
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
6.編組選擇器 選擇器1逗號選擇器2逗號選擇器3{} 7.偽類選擇器 選擇器:hover{}
3.id選擇器 <h2 id=“名稱”> #名稱{}與class區別 id是唯一的 在html只能用一次 4.通用選擇器 *{} 5.后代選擇器 父級空格子級{}
1.標簽選擇器 如:h1{color:green; } 2.類選擇器 (class)選擇器 .名稱
這是一個沒有父愛的選擇器,我困在這里了,又回頭學一遍。。。。。。。
1、標簽選擇器:直接書寫標簽關鍵字 格式:h1{屬性1:值1;屬性2:值2;} 2、類選擇器(class選擇器):通過給標簽添加class名稱 格式:.class名{屬性1:值1;屬性2:值2;} 3、ID選擇器 ID是唯一的,在CSS樣式中定義了id選擇器,在html中只能用一次 格式:#id名{屬性1:值1;屬性2:值2;} 4、通用選擇器 可以對頁面上的任意元素統一設置一樣的樣式 格式:*{屬性1:值1;屬性2:值2;} 5、后代選擇器 父級元素和子級元素中間用空格隔開 格式:父級選擇器 后代選擇器
格式: 選擇器,選擇器2{屬性1:值1; 屬性2:值2}
格式: 父級選擇器 后代選擇器{屬性1:值1;屬性2:值2}
格式: 父級選擇器 后代選擇器{屬性1:值1;屬性2:值2}