样式表的类型和选择器
一、样式表的分类，根据样式表所在的位置分类
1.内联的，如 <div style="color:red>" 是写在标签名内部的，
特点是控制精确，但是会代码冗余，代码重用性差。
2.内嵌的，写在<head></head>里的，<style type="text/css">样式表</style> ，
特点是控制精确不如内联，代码重用性较高。
3.外部样式表，一个单独的样式文件，通过在head里用<link href="xx.css" rel="stylesheet" type="text/css">来引用，或者在head区域内直接右键点击添加CSS样式表，
特点是控制最不精确，但是代码重用性最好。
优先级：内联的>内嵌的和外部样式表，内嵌的和外部样式表只有先后的关系，没有谁的优先级高的关系，
二、选择器，在样式表里使用， 是用来找到标签以方便给元素添加样式的
1. # 选择器，代表通过id选择，#aa 就表示id名为aa的元素，
id的命名不能以数字开头，id是唯一的不可重复的，同一网页不能出现同样的id名。
2. . 选择器，代表通过class选择， .bb 就表示class名为bb的元素，
class名是可以重复出现的，所以通过class选择器可以一次性选中多个元素。
3. 标签名选择器，直接写标签名，代表选中选中所有的该标签元素。
4. * 选择器，选择网页里所有的元素。
选择器的优先级：id>class>标签名>* ，即精确程度越高则优先级越高。
组合选择器：
,代表并列关系，#aa,#cc 代表选中id为aa和id为cc的元素，
空格代表后代关系，#aa img 代表选中id为aa的元素里面的img标签，
.代表用class名筛选，一般不用。
