Div+Css布局

Div+Css布局小结:

在网页布局中div+css布局逐渐取代传统的table布局,更加符合web2.0的行业标准。Div+css布局有其独特的优势,css分离了内容与形式,利于网站的维护。Div使dom文件跟容易被控制,是内容的组织根据有逻辑性。

Div+Css布局被称为盒式布局,把网页上的各个部分看成是一个个2D的盒子存在。布局时div组织盒子的逻辑,而css控制盒子在网页上的定位,样式。

Css中主要有一下属性控制盒子的定位和样式:

border,控制盒子(div)的边框样式

盒子里面的内容到盒子的边框之间的距离即填充(padding

而盒子边框外和其他盒子之间,还有边界(margin

      以上几个css中的属性都分为上下左右四个方向,如 margin-leftmargin-botton,通过这些属性的设置就可以进行网页的布局。

      比较好的入门教程链接:http://www.52css.com/article.asp?id=185

posted @ 2009-04-23 16:06  zx  阅读(249)  评论(0)    收藏  举报