CSS选择器
选择器的作用：
找到相对应的html页面元素，选择标签用的，把我们想要的标签选择出来。
CSS基础选择器
1.标签选择器
概念：指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
标签名 {属性1:属性值1; 属性2:属性值2;}
作用：
标签选择器可以把某一类标签全部选出来，比如所有的div标签和所有的span标签
优点：
是能快速为页面中同类型的标签统一样式
缺点：
不能够差异化设计
类选择器
类选择器使用 "."进行标识，后面跟类名，类名可以自己定义
类名选择器
.类名{
属性1:属性值1;
属性2:属性值2;
}
标签
<p class="类名"></p>
优点:
可以为元素对象定义单独或相同的样式。可以选择一个或多个标签、
长名称或者词组可以使用中横线来为选择器命名
不要纯数字、中文等命名，尽量使用英文字母来表示
类选择器-多类名
<div class="pink fontWeight font20">亚瑟</div>
<div class="font20">刘备</div>
<div class="font14 pink">安其拉</div>
<div class="font14">貂蝉</div>
各个类名中间用空格隔开
多类名选择器在后期布局比较复杂的情况下，还是比较多使用的
id选择器
id选择器使用#进行标识，后面紧跟id名
id选择器的id值是唯一的，只能够对应页面的某一个具体的元素（虽然在代码里面能够实现两个标签用时用同一个id值，但是这是不被允许的）
W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。
* 类选择器（class） 好比人的名字， 是可以多次重复使用的， 比如 张伟 王伟 李伟 李娜
* id选择器 好比人的身份证号码， 全中国是唯一的， 不得重复。 只能使用一次。
id选择器一般用于页面唯一性的元素上，经常和我们后面学习的javascript搭配使用
id选择器
#id名{属性1:属性值1; 属性2:属性值2;}
标签
<p id="id名">文本内容</p>
通配符选择器
通配符通常使用"*"表示，就是选择所有标签，包括body标签。
注意：
会匹配页面所有的元素，降低页面响应速度
* {属性1:属性值1;属性2:属性值2;}
* {
margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/
}
使用通配符选择器定义css样式，清除所有html标记的默认边距
基础选择器总结：