采用DIV+CSS布局的好處

   1、簡介：為何使用表格排版是不明智的？

　　表格之所以存在於 HTML 中，只是為了一個目的：顯示表格狀的數據。然而此後的 border="0" 使得設計師可以將圖片和文本放在這無形的網格中。迄今為止，表格仍然主導著視覺豐富的網站的設計方式，但它卻阻礙了一種更好的、更有親和力的、更靈活的，而且功能更強大的網站設計方法。

　　2、概覽：這對我有什麼用處？

　　我們將告訴你這樣一種工作方式，它會：

　　使你的頁面載入得更快 
降低你的流量費用 
讓你在修改設計時更有效率而代價更低 
幫助你的整個站點保持視覺的一致性 
讓你的站點可以更好地被搜索引擎找到 
使你的站點對浏覽者和浏覽器更具親和力 
在世界上越來越多人采用 Web 標准時，它還能 提高你的職場競爭實力 (事實上也就是降低失業的風險)。

　　3、表格帶來的問題

　　把格式數據混入你的內容中。 
這使得文件的大小無謂地變大，而用戶訪問每個 頁面時都必須下載一次這樣的格式信息。 
帶寬並非免費。 
這使得重新設計現有的站點和內容極為消耗勞力 (且昂貴)。 
這還使我們保持整個站點的視覺的一致性極難，花費也極高。 
基於表格的頁面還大大降低了它對殘疾人和用手機或 PDA 浏覽者的親和力。

　　4、過渡性的設計

　　使用 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>

　　5、結構化標記：所寫即所想，所想即所寫