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