今天，我们来学习css中的基础选择器，选择器是指我们需要添加样式的标签元素的模式。
- 标签选择器
通过标签名字直接选择相应的标签。标签是什么我们就用什么选择。
<style type="text/css"> p{ color: red; } h1{ color:green; }</style>
标签选择器选中的页面中所有的对应标签，不管嵌套关系多复杂，都能通过标签选择器选中。实际应用中不会用来更改某一个元素的属性，一般用于初始样式的设置或者清除整体样式。
2.id选择器通过标签的id属性值来选择相应的标签。选择器书写：#开头，后面紧跟id名。中间没有任何空格。
由于id是唯一的，只能选择一个元素。
#kkk{ color: gold; }
标签都有id属性，id命名也要遵循一定的规则：必须以字母开头（严格区分大小写，A和a表示的不一样），后面可以是数字、下划线或者横线。同一页面内不允许出现相同的id名字。
id选择器的劣势：只能选择一个id，不能批量修改样式。id常用的场景并不是用来添加样式，而是用以给js添加行为的。
3.类选择器
通过标签的class属性来选择这个标签。
选择器写法：.开头，后面class属性值，中间不能有空格。
class属性，值可以不唯一，类选择器选中的是所有相同的class名的元素
.he{ background-color: black; }
<p class="he">这是一个段落标签</p> <h1>这是一个标题标签</h1> <p id=kkk>这是一个段落标签</p> <p>这是一个段落标签</p> <h1 class="he">这是一个标题标签</h1>
优点是：可以选择一部分标签，添加相同的样式。
一个标签的class可以有多个属性值，有多个类名。
<p class="he fs20">这是一个段落标签</p>
类选择器多用于样式，id选择器多用于行为。
4.通配符*
可以选包括body在内的所有标签。不常用，效率不高，可以清空默认样式。
*{ margin: 0; padding: 0; }
自己动手练习一下吧😄
