CSS+DIV的優缺點

表格的問題
把格式資料混入你的內容中.這使得檔案的大小無謂地變大，而使用者訪問每個 頁面時都必須下載一次這樣的格式資訊.且不提流量費用問題,單說無謂的下載,對網站來說也不划算.一旦做成了一個基於表格的網站,重新設計現有的網站和內容極為消耗勞力 .這還使我們保持整個網站的視覺的一致性極難，花費也極高.不過也有一個好處,對於布局的布置比較簡單方便,但是對於如今的開發分工來說,用表格在分層問題上還是不清晰的.

DIV的優點
使頁面載入得更快(頁面比用表格的小不少.網上說還有個順序下載載入的優點,我感覺就是下載即載入吧,望清楚的明示).修改設計時更有效率而代價更低(老實說,用DIV做布局的時候,排版還是有麻煩的,可以看看這個留言:http://www.blueidea.com/bbs/newsdetail.asp?id=2199539 ).使整個網站保持視覺的一致性.讓網站可以更好地被搜尋引擎找到.使你的網站對瀏覽者和瀏覽器更具親和力.在世界上越來越多人採用 Web 標準時，它還能 提高你的職場競爭實力 (事實上也就是降低失業的風險).

過渡性的設計
使用 margin 和 padding 來代替多餘的表格單元和間隔 GIF.
使用 link 和 @import 來載入樣式。前者用於早期瀏覽器，後者給現在的瀏覽器。
<link href="/basic.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen"><!--@import url(modern.css) screen;--></style>

結構化標記
我們排版時考慮的不是“這個東西放在這兒，那個東西放在那兒”，而是頁面中資訊的類別和資訊的結構.你的內容將不放在表格和表格元素中，取代它們的是 div 元素。還要給你的 div 元素安排一個 id 或 class，不過這是為了描述它們的內容或功能，而非它們的外觀.

採用DIV設計的參考網站:
http://www.verycd.com
http://www.w3cn.org
http://www.taobao.com