div ＋s css  版面入門
你正在學習 CSS 佈局嗎？是不是還不能完全掌握純 CSS 佈局？通常有兩種情況阻礙你的學習：
第一種可能是你還沒理解 CSS 處理頁面的原理。在你考慮你的頁面整體表現效果之前，你應該先考慮內容的語意和結構，
然後再針對語意、結構添加 CSS。這篇文章將告訴你應該如何把 HTML 結構化。
另一個原因是你對那些非常熟悉的表現層屬性(例如：cellpadding,、hspace、align="left"等等)束手無策，不知道該
轉換成對應的什麼 CSS 語句。當你解決了第一個問題，知道如何結構化你的 HTML，我再給出一個列表，詳細列出原來的表
現屬性用什麼 CSS 來代替。
結構化 HTML
當我們剛學習網頁製作時，總是先考慮怎麼設計，考慮那些圖片、字體、顏色、以及佈局方案。然後我們用 Photoshop
或 Fireworks 畫出來、切割成小圖。最後再透過編輯 HTML 將所有設計還原表現在頁面上。
如果你希望你的 HTML 頁面用 CSS 佈局(是 CSS-friendly 的)，你需要回頭重來，先不考慮“外觀”，要先思考你的頁面
內容的語意和結構。
外觀並不是最重要的。一個結構良好的 HTML 頁面可以以任何外觀表現出來，CSS Zen Garden 是一個典型的例子。 CSS Zen
Garden 幫助我們最終認識到 CSS 的強大力量。
HTML 不僅只在電腦螢幕上閱讀。你用 photoshop 精心設計的畫面可能無法顯示在 PDA、行動電話和螢幕閱讀機上。但
是一個結構良好的 HTML 頁面可以透過 CSS 的不同定義，顯示在任何地方，任何網路裝置上。
開始思考
首先要學習什麼是"結構"，有些作家也稱之為"語意"。這個術語的意思是你需要分析你的內容區塊，以及每個內容服務的
目的，然後再根據這些內容目的建立起對應的 HTML 結構。