本節簡介:講解css樣式的編寫格式及標簽選擇器、類選擇器、id選擇器、編組選擇器、后代選擇器、通用選擇器、后代選擇器7種類型選擇器的特征對比和編寫格式
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
css樣式規則 <style></style>標簽內 h1{ color: backguang: fontsize: }
偽類選擇器:a:hover:{屬性1:值1;屬性2:值2}。
通用選擇器:*{屬性1:值1;屬性2:值2}。后代選擇器: 父級選擇器 后代選擇器{屬性1:值1;屬性2:值2}。編組選擇器:選擇器1,選擇器2{屬性1:值1;屬性2:值2}。
標簽選擇器:h1{屬性1:值1;屬性2:值2}。類選擇器:.class 名{屬性1:值1;屬性2:值2}。ID選擇器:ID是唯一的,在css樣式中定義了id選擇器,在html中只能用唯一一次格式:#id名{屬性1:值1;屬性2:值2}。
父級輸入子級按tab鍵增加空格 1、標簽選擇器 2、類選擇器 3、ID選擇器 4、通用選擇器:*{ 屬性1:值1; } 對頁面上的任意元素統一設置一樣的樣式 5、后代選擇器:.父級 .子級:*{ 屬性1:值1; }父級元素和子級元素需要空格隔開 6、編組選擇器:選擇器1,選擇器2{ 屬性1:值1; }選擇器與選擇器之間用逗號隔開 7、偽類選擇器:a{color:blue;} a:hover{color:green;}在選擇器的后面添加:hover 鼠標經過時屬性發生改變
<style></style>標簽必須寫在<head></head>標簽里
通用選擇器*{} 標簽選擇器h1 div {}等 類選擇器class .yun{} id選擇器#yun{} 后代選擇器 .yun .box{} 編組選擇器h1,h2, .box{} 偽類選擇器.box:hover{}
父級輸入子級按tab鍵增加空格 1、標簽選擇器 2、類選擇器 3、ID選擇器 4、通用選擇器:*{ 屬性1:值1; } 對頁面上的任意元素統一設置一樣的樣式 5、后代選擇器:.父級 .子級:*{ 屬性1:值1; }父級元素和子級元素需要空格隔開 6、編組選擇器:選擇器1,選擇器2{ 屬性1:值1; }選擇器與選擇器之間用逗號隔開 7、偽類選擇器:a{color:blue;} a:hover{color:green;}在選擇器的后面添加:hover 鼠標經過時屬性發生改變
4.通用選擇器,格式*{屬性1:值1;屬性2:值2;}
3.id選擇器id是唯一的,在css樣式中定義了id選擇器,在HTML中hi能用唯一一次
2.類選擇器(class選擇器),通過給標簽添加class名稱。格式:.clsss名{屬性1:值1;屬性2:值2;}
1.標簽選擇器,直接書寫標簽的關鍵字,格式:h1{屬性1:值1;屬性2:值2;}
1.標簽選擇器(直接書寫標簽關鍵字)格式:h1{屬性1:值1 屬性2 “值2}<br> 2.類選擇器(class選擇器,通過給標簽添加名稱)格式:.class名{屬性1:值1 屬性2 “值2} <br>3.id選擇器(id是唯一的,在css樣式中定義了id選擇器,在html中只能用唯一一次)格式:#id{屬性1:值1 屬性2 “值2}<br>4.通用選擇器(可以對頁面任意元素統一設置樣式)格式:*{屬性1:值1 屬性2 “值2}<br>5.后代選擇器 (父級
通用選擇器:可以對頁面上的任意元素同意設置一樣的樣式。