第一種可能是你還沒理解CSS處理頁面的原理。在你考慮你的頁面整體表現(xiàn)效果前,你應(yīng)先考慮內(nèi)容的語意和結(jié)構(gòu),然後再針對語意、結(jié)構(gòu)添加CSS。這篇文章將告訴你應(yīng)該如何把HTML結(jié)構(gòu)化。
另一個原因是你對那些非常熟悉的表現(xiàn)層屬性(例如:cellpadding,、hspace、align=left等等)束手無策,不知道該轉(zhuǎn)換成對應(yīng)的什麼CSS語句。當你解決了第一個問題,知道如何結(jié)構(gòu)化你的HTML,我再給出一個列表,詳細列出原來的表現(xiàn)屬性用什麼CSS來代替。
結(jié)構(gòu)化HTML
當我們剛學(xué)習(xí)網(wǎng)頁製作時,總是先考慮怎麼設(shè)計,考慮那些圖片、字體、顏色、以及佈局方案。然後我們用Photoshop或Fireworks畫出來、切割成小圖。最後再透過編輯HTML將所有設(shè)計還原表現(xiàn)在頁面上。
如果你希望你的HTML頁面用CSS佈局(是CSS-friendly的),你需要回頭重來,先不考慮“外觀”,要先思考你的頁面內(nèi)容的語義和結(jié)構(gòu)。