我们都知道，在使用div布局时不需要像表格那样通过单元格来组织，通过CSS定义样式可以跟简单地控制页面布局和样式。首先简单了解下的格式：

<div class=”text”>内容</div>
这表示在页面中定义一个DIV并使用TEXT这个CLASS名称。

那么CSS部分，我可以做如下定义：

.text {

float: left;  /*表示div在页面中浮动在左边*/

margin: 10px 20px 10px 20px;  /*表示div距上右下左距离*/

background: #000;  /*表示其背景色*/

text-align: left;  /*文字居左*/

line-height: 120%;  /*行距是原来的120%*/

width: 50%;  /*宽度是所处的上一层位置的50%*/

}

这些codes可以应用到所有使用class=”text”的div中，这样我们就可以重复利用。通过以上例子可以看出div+css布局一大特点，就是表现和内容是分离的。在CSS中，还有其他众多属性，你可以翻查GOOGLE进行学习。

在编写好你的div+css框架后，我们需要进行代码校验。W3C提供了一个能够帮助我们校验网站脚本语言的程序，地址：http://www.w3.org/qa/tools/#validators。