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