CSS基础——2.CSS选择器

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>