html+css：第二章(未完成)

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元素的样式。