本节简介:讲解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;}