1. 通用选择器
通用选择器用星号*
表示,它不匹配某个特定的 HTML 元素,而是匹配 HTML 文档中的每个元素,开发中通常使用通用选择器来清除 HTML元素中默认的内外边距
通用选择器格式:*{}
* {
margin: 0 auto;
padding: 0;
}
2. 标签选择器
根据标签的名字 进行选择匹配
标签选择器格式:标签名{}
p{
color: red
}
span{
color: blue
}
3. ID选择器/类选择器
根据标签的ID属性或者class属性来匹配,ID选择器的定义需要用到#,后面紧跟ID属性值,类选择器的定义需要用到一个英文的句号.
,后面紧跟 class 属性的值
ID选择器格式: #ID名{}
#d1{
background: aquamarine;
}类选择器格式:.类名{}
.c1{
background: black;
}<div>
<span id="d1">ID选择器</span>
<span class="c1">类选择器</span>
</div>