CSS基础标签属性及案例，前端网页开发

.class属性值{

​ 属性名:属性值;

}

处理多个元素有相同样式效果的；

this is font red

this is font red

this is font green

this is font green

this is font blue

this is font blue

3.3 标签选择器

对页面上的标签进行统一的设置，引用的就是标签的名称；

格式：

标签名{

​ 属性名:属性值;

}

this is a font1

this is a span1

this is a font2

this is a div1

this is a span2

this is a font3

this is a div2

3.4 选择器的分组

多个选择器使用同一段CSS,那么就可以将这多个选择器划为一组,使用分组。选择器之间使用逗号分开；

格式：

id选择器,class选择,元素选择器{

​ 属性名:属性值;

}

this is a font

this is a span

this is a div

3.5 派生选择器

通过依据元素在其位置的上下文关系来定义，可以使标记更加简洁。也称为上下文选择器；

父标签名(父id,父类名) 子标签名(子id,子类名){

​ 属性名:属性值;