CSS+DIV与表格实现网页布局的比较.docxVIP

CSS+DIV与表格实现网页布局的比较　　【摘要】在网页设计的过程里，实现同一个效果有无数方法，而且新的方法还在不断的出现。CSS以及DIV作为网页制作的重要组成部分，已经成为网页设计中必不可少的要素。布局网页就是把文字、图片、动画安排到合适的位置，再把每部分合理的叠放到网页中。?　　【关键词】CSS+DIV；网页布局；表格；优点?　　一、CSS+DIV布局介绍?　　CSS+DIV布局，是通过CSS控制DIV标签的位置来实现。CSS控制DIV搭建网页，可以生成简洁的网页源代码，提高页面的浏览速度；同时CSS也可以自如地控制网页外观，如边框、背景、链接等，这种布局方法不仅可以制作出精美的网页，也可以提供良好的用户浏览体验，是目前非常流行的一种布局技术。?　　“盒模型”是CSS+DIV布局的基础理论。“盒模型”理论认为：页面上的每一个元素都被看做是一个矩形，这个矩形由内容、填充、边框和边距构成。?　　CSS布局网页，像拼积木一样，按照规划好的网页草图，把每部分按顺序搭建。CSS布局网页，用到的积木就是DIV，每个DIV就是一个框架，而框架的大小、位置、外观等属性则由CSS控制。?　　CSS布局网页，为每个DIV设置ID，这个ID就是每一个DIV在CSS中的接口，CSS只需对这个接口（ID）来设置属性，从而实现对DIV的控制。CSS也真正实现了“表现与样式分离”，DIV实现“表现”，CS