CSS的选择器分为两大类：基本选择题和扩展选择器。
基本选择器：
标签选择器：针对一类标签
ID选择器：针对某一个特定的标签使用
类选择器：针对你想要的所有标签使用
通用选择器（通配符）：针对所有的标签都适用（不建议使用）
下面来分别讲一讲。
1、标签选择器：选择器的名字代表html页面上的标签
标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。
举例：
<style type="text/css">
p{
font-size:14px
}</style>
<body>
<p>css</p>
</body>
再比如说，我想让“学完了安卓，继续学前端哟”这句话中的“前端”两个变为红色字体，那么我可以用<span>标签把“前端”这两个字围起来，然后给<span>标签加一个标签选择器。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
span{
color: red
}
</style>
</head>
<body>
<p>学完了安卓，继续学<span>前端</span>哟</p>
</body>
</html>
【总结】需要注意的是：
（1）所有的标签，都可以是选择器。比如ul、li、label、dt、dl、input、div等。
（2）无论这个标签藏的多深，一定能够被选择上。
（3）选择的所有，而不是一个。
content: '\20'的意思是在.skin-box-bd这个元素的的后面加上一个空格，把\20改成020也是可以的，这整段css是在浏览器中创建一个分隔栏，把上下DIV隔开，避免DIV发生错位。但是如果单纯使用clear:both的话，就会产生一些浏览器兼容上的bug，而用content:"\20"的方式就是在DIV后面人工添加一个空格，这样就可以解决这一类的浏览器兼容问题。当然实际上个人并不推荐这种处理方法，在代码上会略有多余，一般来说如果要让两个DIV分行显示，直接在两个div上添加clear:both即可。
加空格表示子选择器（父元素下面的子元素）.con .a{
color: red
}
<div class = "con"><div class = "a">子元素</div></div>
不加空格表示元素同时包含这两个类才会生效（同一级元素，多个命名）
.con.b{
color: bule
}
<div class = "con b"></div>
一个class可以 写多个命名，（可以只调用其中一个命名来添加样式）中间用空格隔开。
主要作用，是把样式相同的写在一个class类里面。避免代码重复编写，类似于JavaScript中的工厂模式的作用。
