传统网页设计基本上都是采用table即表格的方式编写的。
1.为什么表格不好:
表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border=”0″ 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的, 而且功能更强大的网站设计方法。大多数设计师在使用表格时要使用多层嵌套方式,这种方式最大的缺点就是打开速度慢,一个大表格里的所有小表格完全打开后才 会显示。
2.div+css好在哪?
(1)使你的页面载入得更快,你可以使用 margin 和 padding 来代替多余的表格单元和间隔 GIF,相比之下,div+css做出的页面从代码的字节上看要比table页面的字节数小几倍以上,在table中也许你要移动1像素的距离就要多出几行代码甚至更多,而在div+css下你只需改动一下margin 或 padding 的数值,这只是一个最简单的例子,更多的好处还需要你慢慢体会!
(2)降低你的流量费用.虽说现在大部分IDC都不限制你的网络流量,但是带宽是有限制的,css样式表在浏览器加载一次后即可保存在本地而不需要再次加载,光这一点其他的我想我就不用再说了.
(3)让你在修改设计时更有效率而代价更低
(4)帮助你的整个站点保持视觉的一致性
(5)让你的站点可以更好地被搜索引擎找到
(6)使你的站点对浏览者和浏览器更具亲和力
(7)在世界上越来越多人采用 Web 标准时,它还能 提高你的职场竞争实力 (事实上也就是降低失业的风险)。为什么这么说呢,对于习惯用table做站的设计师来说呢,div+css做站可以说是颠倒模式了,它不是我们习惯的” 所见即所得”而是变成”所想即所得”,学DIV+CSS其实不难,难点就是我们要习惯这样的做站模式,要求我们有更高的想象能力.