采用Div+Css布局——牛腩

           Div+Css是一种网页的布局方法，这种方法有别于穿冲的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。div用于搭建网站结构（框架）、Css用于创建网站表现（样式/美化），这样便于网站维护，简化html页面代码，获得一个比较优秀的网站结构便于协同工作和搜索引擎蜘蛛抓取。

    不是所有的网页都需要用div布局，例如数据页面、报表页面，还是会用table。

Div+Css的优势：

    1、搜索引擎的亲和力

    table架构描述的页面，样式结构和内容信息大小比可能达到1:1甚至更高。DIV+Css架构的页面，虽然在客户端看来下载一个复杂的css也要占用差不多的带宽，而搜索引擎可以很方便的绕过Css，直接抓去DiV中的内容，这就是div的优势所在。带宽的稍多占用，完全显得微不足道，更何况一个冗余的table设计架构如果代码写的不好会占用更多的带宽。

    2、重构页面的方便性

    内容和样式分离，让我们在重构页面布局的时候，只需要针对每一个div元素重新定义其具体位置，具体样式，颜色等等就行了。而在原来的table基础上进行改版，几乎必须改变所有的内容注入渠道

    3、产品的易用性、兼容性以及执行效率

    div+css让搜索引擎更加直接、便捷的基础到内容。搜索引擎不会关心你的样式，更不会关心你用什么来修饰网页。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。代码简洁，提高页面的浏览速度。

Div+Css的劣势

    1、开发技术高：要求兼容浏览器个版本，对浏览器的要求比较高

    2、开发时间长：div css布局相对table布局开发制作时间长

    3、开发成本相对table高点：因为技术性及时间性就决定了div css页面比table页面成本高。

    总结：无论是哪一种语言都有其适用性，优点和缺点，但是只要让其优点更突出，利用的恰到好处就是一个好的作品。现在学习Div+Css体会到了其内容和样式的分离性，体会到了它的好处。网页的设计再也不用像VB控件那样拖来拖去了。界面的美观性更好了。