选择器分为基础选择器和复合选择器两个大类
基础选择器是由单个选择器组成的
基础选择器又包括： 标签选择器 类选择器 id选择器 通配符选择器
1. 标签选择器
标签选择器是用 HTML 标签名称作为选择器， 按标签名称分类， 为页面中某一类标签制定统一的CSS样式
标签选择器可以把某一类标签全部选择出来，比如所有的
优点： 能快速为页面中同类型的标签统一设置样式
2. 类选择器
如果想要差异化选择不同的标签， 单独选一个或者某几个标签，可以使用类选择器
类选择器口诀： 样式点定义 结构类class调用 一个或多个 开发最常用
class 的多类名使用
- <style>
- .red {
- color: red;
- }
- .font35 {
- font-size:35px;
- }
- style>
-
-
- <body>
- <div class = "red font35">刘德华div>
- body>
id 选择器
id 选择器可以为标有特定id的HTML元素指定特定的样式
HTML 元素以id属性来设置id选择器， CSS中id 选择器以 # 来定义
注意： id 属性只能在每个HTML中出现一次
1. 类选择器class好比人的名字， 一个人可以有多个名字， 同时一个名字也可以被多个人使用
2. id选择器好比人的身份证号码， 全中国是唯一的， 不得重复
3. id选择器和类选择器最大的不同在于使用次数上
4. 类选择器在修改样式中使用最多， id选择器一般用于页面唯一性的元素上， 经常和JavaScript搭配使用
- <style>
- // id 选择器的口诀： 样式#定义，结构id调用，只能调用一次，别人切勿使用
- #pink {
- color: pink;
- }
- style>
-
-
- <body>
- <div id="pink">pink老师div>
- body>
通配符选择器
在CSS中 ， 通配符选择器使用 ” * “ 定义， 他表示选取页面中所有元素(标签)
id选择器和类选择器的区别
语法
* {
属性： 属性值；
}
通配符选择器不需要调用， 自动就给所有的元素使用样式
特殊情况才使用， 后面讲解使用场景（以下是清除所有的元素标签的内外边距）
* {
padding： 0；
margin： 0；
}