傳統(tǒng)網(wǎng)頁設(shè)計(jì)基本上都是采用table即表格的方式編寫的。

1.為什么表格不好：

表格之所以存在于 HTML 中，只是為了一個(gè)目的：顯示表格狀的數(shù)據(jù)。然而此后的 border=”0″ 使得設(shè)計(jì)師可以將圖片和文本放在這無形的網(wǎng)格中。迄今為止，表格仍然主導(dǎo)著視覺豐富的網(wǎng)站的設(shè)計(jì)方式，但它卻阻礙了一種更好的、更有親和力的、更靈活的， 而且功能更強(qiáng)大的網(wǎng)站設(shè)計(jì)方法。大多數(shù)設(shè)計(jì)師在使用表格時(shí)要使用多層嵌套方式，這種方式最大的缺點(diǎn)就是打開速度慢，一個(gè)大表格里的所有小表格完全打開后才 會(huì)顯示。

2.div+css好在哪?

(1)使你的頁面載入得更快，你可以使用 margin 和 padding 來代替多余的表格單元和間隔 GIF，相比之下，div+css做出的頁面從代碼的字節(jié)上看要比table頁面的字節(jié)數(shù)小幾倍以上，在table中也許你要移動(dòng)1像素的距離就要多出幾行代碼甚至更多，而在div+css下你只需改動(dòng)一下margin 或 padding 的數(shù)值，這只是一個(gè)最簡單的例子，更多的好處還需要你慢慢體會(huì)!

(2)降低你的流量費(fèi)用.雖說現(xiàn)在大部分IDC都不限制你的網(wǎng)絡(luò)流量，但是帶寬是有限制的，css樣式表在瀏覽器加載一次后即可保存在本地而不需要再次加載，光這一點(diǎn)其他的我想我就不用再說了.

(3)讓你在修改設(shè)計(jì)時(shí)更有效率而代價(jià)更低

(4)幫助你的整個(gè)站點(diǎn)保持視覺的一致性

(5)讓你的站點(diǎn)可以更好地被搜索引擎找到

(6)使你的站點(diǎn)對(duì)瀏覽者和瀏覽器更具親和力

(7)在世界上越來越多人采用 Web 標(biāo)準(zhǔn)時(shí)，它還能 提高你的職場(chǎng)競(jìng)爭(zhēng)實(shí)力 (事實(shí)上也就是降低失業(yè)的風(fēng)險(xiǎn))。為什么這么說呢，對(duì)于習(xí)慣用table做站的設(shè)計(jì)師來說呢，div+css做站可以說是顛倒模式了，它不是我們習(xí)慣的” 所見即所得”而是變成”所想即所得”，學(xué)DIV+CSS其實(shí)不難，難點(diǎn)就是我們要習(xí)慣這樣的做站模式，要求我們有更高的想象能力.