我以前做网站,都是用一个表格,然后分块写,看到网上老说用div+css布局,请问div+css布局有什么好处?一般CSS文件也是我们自己写吗?我们公司的CSS是美工写的,那是不是说我所做的只是引入CSS就可以了?能解释一下表格布局和div+css布局有什么不同的吗?
    

解决方案 »

  1.   

    页面加载速度比table快,对访问量大的网站很重要~~~~~~~~其他的还不清楚,楼下补充~
      

  2.   

    使用Table:
      代码量比较大,下载速度相对慢
      兼容性很好
      比较容易操控
      对CSS几乎没有要求
      所有浏览器均支持
    使用DIV:
      代码量比较小,下载速度相对要快
      兼容性很差,需要同时在多个浏览器中测试
      不容易控制
      对CSS要求很高
      要求浏览器较新的版本比较反感一些仅能工作在IE下的DIV+CSS网页
      

  3.   

    服务器总是返回一段HTML代码,管它是DIV还是Table,它并不负责页面的解析. 所以这跟服务器访问量没有任何关系.之所以用DIV+CSS主要是看着它时髦. 好象流行时装一样. 就好象asp.net有一个PetShop4.0,就群起而效仿一样.
    我记得自己被3个DIV等高的问题困绕了好久.并不认为它比table先进多少.该用table的地方还是得用table.table至少保证了浏览器的兼容性. div在不同的浏览器之间解释差别太大了.
      

  4.   


    我觉得div+css是在细化UI。
    在原有的table慨念上去理解div+css 正确吗?
    解释差别太大的是浏览器,而你没找到浏览器的共性而已。
      

  5.   

    http://www.c36.cn/web/web20.html
    搜一下很多。改TABLE嵌套的页面很头痛,DIV的好点
      

  6.   

     前段时间用CSS+DIV做,结果被设计总监小训了一顿。因为div真的比table难控制多了,CSS要熟悉,而且用其他浏览器不见得就是你设计的那个样子哦,切身经历...不过页面速度确实比全table要快些。
      总体来讲,觉得table更易于操作和布局,也不见得比div差多少啊。
      个人想法而已.嘿嘿
      

  7.   

    我对DIV的理解不会比你差.况且table就不能用CSS? table就不能优化网页结构? 我的意见是该用什么就用什么. 不信你右击就打开这个CSDN的页面,里面在一堆div里面不也"羞羞达达"的出现了一些table?
      

  8.   

    用div+css布局并不是因为他时髦,div+css具有以下一些优点:
    1.布局灵活。HTML在浏览器中是自上而下逐行解释的,但div+css布局效果不受代码物理上的限制。比如物理上在前的HTML元素,可以显示在上、下、左、右以及绝对定位到屏幕的任何一个位置,这仅仅取决于你的css如何定义。table根本无法做到这个,而这恰恰才是真正的布局。不要因为用不好就说不好用,等到设计大师用div+css在你面前玩川剧变脸的时候,你就知道你错了!
    2.div+css让HTML的语义更加清楚。由于将所有对表现形式的控制都放在css里,HTML代码的结构和语义都非常简洁和清晰。比如下面的代码段,你是不是一看就知道这个页面的大致内容:<div id="menu">...</div>
    <div id="sidebar">...</div>
    <div id="content">...</div>3.div+css布局精简了代码。一个<div>标签与<table><tr><td>一连串标签比,你认为哪个更简洁呢?更何况,用bgcolor、cellspacing、cellpadding、width、height、border等等属性来定义table的显示效果也是常用的手法,那么加上这些代码,table布局的代码将会非常肥大,非常混乱!
    4.div+css布局很好的实现了代码重用。由于对现实效果(包括布局位置和样式)的定义都放在css中,你可以将公用的css写到一个文件里,所有的页面引用它。这样,不仅能够很好的重用代码,也实现了布局和样式的统一管理。正是这样,要统一改变网站的布局和样式变得很容易,而这就是网站皮肤机制能得以实现的基石!用table布局,你试试看能不能行得通。
    别说这些对于最终的用户都是透明的,作为程序员,为用户节约带宽,节省时间,带来美感都是份内之事。更重要的是,你的这些付出,都会得到搜索引擎的认可。
    所以,请不要再因为不会用css+div布局,就说css+div布局不好用!
      

  9.   

    div+css 主要是让 表现分层,而且显示速度快。 
    其实注重的是css。
    比如一个标题,你以前可能是  <img src='images/dot.gif'>标题名称 
    每次用到标题都要 插入这个图片。
    如果想换个花样呢? 是不是很麻烦。 而用css可以很方便解决。div代替Table主要是布局灵活,Table已经把行列都定住了,而且Table的嵌套是很恐怖的。页面大了非常乱。至于浏览器的兼容性,这个确实让作页面的人 煞费苦心,好在是微软妥协了很多。 明天会更好。
      

  10.   

    不能太死板了
    可以div+css和table结合起来用
      

  11.   

    用div+css便于网页的布局与修改,还方便增加你网页的特效,因为你只需要修改css就行了,另外用div可以做许多table无法完成的事情,像一些分层,嵌套等等
      

  12.   

    我个人认为用table布局挺好的,而且也可以在页面中导入css的类啊
      

  13.   

    现在主流开始都用DIV+CSS,等这些技术消化之后,一定会有一些精彩纷呈的网页出现的