1、类选择器
2、id选择器
3、派生选择器
CSS代码样例：
.test{
width:110px; /*宽度*/
height:180px; /*高度*/
}
#test1{
width:110px; /*宽度*/
height:180px; /*高度*/
}
.test p{
width:110px; /*宽度*/
height:180px; /*高度*/
}
.test p b{
width:110px; /*宽度*/
height:180px; /*高度*/
}
html代码样例：
<div class="test">
<div id="test1">
<p>
<b></b>
</p>
</div>
</div>
详细讲解：
-----如上代码，.test代表的是类名（class）为test的div标签的样式，#test1代表的是id是test1的div标签的样式，.test p代表的是类名（class）为test的div标签下所有p标签的样式，.test p b也是一样的道理，只不过它更多了一级，其实意思就是指类名为top-box的元素下面的p元素下面的b元素的样式。
