使用CSS对HTML页面中的元素实现一对一、一对多或多对一的控制

css写法中，{}前的部分即为选择器。

元素选择器

直接选择某一类标签。

类选择器

语法：.class名{属性:属性值;} 说明：

1. 当我们使用class选择符时，应先为每个元素定义一个class名称
2. class选择符的语法格式是： 如：<div class="top"></div> .top{width:200px;height:100px;background:green;} 用法：class选择符更适合定义一类样式：

示例：

.ibm{
    background-color:blue;
}
.qianfeng{
    color:red;
}

<!-- 一个标签中可以有多个类 -->
<!-- 多个样式重合，遵循样式表的就近原则 -->
<div class="ibm qianfeng">test</div>

ID选择器

语法：#id名{属性:属性值;} 说明：

1. 当我们使用id选择符时，应该为每个元素定义一个id属性 如：<div id="box"></div>
2. id选择符的语法格式是"#”加上自定义的id名 如：#box{width:300px;height:300px;}
3. 起名时要取英文名，不能用关键字：（所有的标记和属性都是关键字） 如：head标记
4. 一个id名称只能对应文档中一个具体的元素对象。（唯一性）

通配符选择器

语法：*{属性:属性值;} *说明：通配选择符的写法是“**”，其含义就是所有元素。 *{margin:0;padding:0;}代表清除所有元素的默认边距值和填充值；