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