本節簡介:講解css樣式的編寫格式及標簽選擇器、類選擇器、id選擇器、編組選擇器、后代選擇器、通用選擇器、后代選擇器7種類型選擇器的特征對比和編寫格式
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
5.后代選擇器:父級元素和子級元素中間用空格隔開。 格式:父級選擇器,后代選擇器{屬性1 : 值1 ; 屬性2 : 值2;}
4.通用選擇器:*,*號代表所有的選擇器??梢詫撁嫔系娜我庠亟y一設置一樣的樣式。 格式:*{屬性1 : 值1 ; 屬性2 : 值2;}
3.ID選擇器:ID是唯一的,在css樣式中定義了id選擇器,在html中用一次。 格式:#ID名{屬性1 : 值1 ; 屬性2 : 值2;}
1.標簽選擇器:直接書寫標簽的關鍵字。 格式:h1{屬性1 : 值1 ; 屬性2 : 值2;}
偽類選擇器:在選擇器后面添加:hover a:hover{}
編組選擇器:選擇器與選擇器之間用逗號隔開 選擇器1,選擇器2{}
后代選擇器:父級元素與子級元素中間用空格隔開 父級 子級{}
通用選擇器:可以對頁面上的任意元素統一設置一樣的樣式 *{}
ID選擇器:ID是唯一的,在css樣式中定義ID選擇器,在html中只能使用一次
類選擇器:通過給標簽名添加class名稱 .class名{}
標簽選擇器:直接寫標簽關鍵字 h1{屬性1: ;屬性2: ;}
(6)編組選擇器 用于多個選擇器,都有一樣的屬性與值得情況 ,每個選擇器之間用英文逗號隔開。(7)偽類選擇器,在選擇器的后面添加:hover 鼠標移入的變化。
(1)標簽選擇器 直接書寫標簽的關鍵字。(2)class類選擇器.class名稱。添加class名稱。(3)ID選擇器:#ID名稱。ID是唯一的在HTML中只能用唯一一次。(4)通用選擇器* 可以對頁面上的任意元素同意設置一樣的樣式。(5)后代選擇器 父集子集 中間用空格隔開。(6)編組選擇器。
偽類選擇器a:hover或》link:hover鼠標移入