1、DIV布局

HTML 源代码：

 

效果预览：

 

表格布局的代码最常见的是在HTML标签之间嵌入一些设计代码，如width=100%,border=0等。表格布局的混乱代码就是这样编写的，大量样式年设计代码混杂在表格，单元格中，使得可读性大大降低，维护起来成本也相当高，为解决这些，现在有了另外一种布局方法DIV布局。

Div全称division 意为"区分"使用DIV的方法跟使用其他tag的方法一样。

如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用<P></P>是一样的。

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码。

DIV可以理解成一个块，是有个比表格简单的元素，从语法上只有<div></div>这样简单的定义DIV最大的好处就是样式是由CSS来控制。DIV布局就是一种块布局模式。通常和CSS一起使用，在下一章中我们会对DIV+CSS布局进行详细讲解。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/template/m58717.shtml