第一種可能是你還沒有理解CSS處理頁面的原理。在你考慮你的頁面整體表現(xiàn)效果前,你應(yīng)當(dā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語句。當(dāng)你解決了第一種問題,知道了如何結(jié)構(gòu)化你的HTML,我再給出一個列表,詳細(xì)列出原來的表現(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)。