本节简介:讲解css样式的编写格式及标签选择器、类选择器、id选择器、编组选择器、后代选择器、通用选择器、后代选择器7种类型选择器的特征对比和编写格式
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
5.后代选择器:父级元素和子级元素中间用空格隔开。 格式:父级选择器,后代选择器{属性1 : 值1 ; 属性2 : 值2;}
4.通用选择器:*,*号代表所有的选择器。可以对页面上的任意元素统一设置一样的样式。 格式:*{属性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鼠标移入