2.3.4 Div与Span标签

1．Div标签

在网页设计标准中使用＜div＞标签作为页面元素的容器，它取代了表格在页面布局中的地位。＜div＞默认是一个块级元素，这意味着它将独占一行。用法举例如下。

1）Div不加样式：＜div＞…＜/div＞

2）Div使用#content定义的样式：＜divid=＂content＂＞…＜/div＞

3）Div使用.box定义的样式：＜divclass=＂box＂＞…＜/div＞

2．Span标签

与＜div＞标签一样，＜span＞标签也可作为页面元素的容器，不过＜span＞标签是一个内联元素，不会占用一行，其中内容有多宽，＜span＞标签就是多宽，所以＜span＞标签通常被用于组合文档中的行内元素。用法举例如下。

1）Span不加样式：＜span＞…＜/span＞

2）Span使用#content定义的样式：＜spanid=＂content＂＞…＜/span＞

3）Span使用.box定义的样式：＜spanclass=＂box＂＞…＜/span＞

注意：内联元素和块级元素可以通过样式设置相互转换。