1.款式的可重用性
CSS布局網(wǎng)頁的最大特點是款式的可重用性。運用class選擇器在網(wǎng)頁中重復(fù)運用某個款式特點,以減少連續(xù)界說款式特點的繁瑣工作,并提高頁面的可維護(hù)性。例如,您可以在某處表達(dá)款式、整體款式和文本色彩。您乃至可以擴展到頁面的模塊化處理。
2.起浮和鏟除起浮
起浮頁面布局中的許多瀏覽器兼容性問題都是由起浮引起的,例如IE6.0中的雙間距。起浮也是一把雙刃劍。兼容性問題是由它引起的第二個問題。良好地運用起浮將會給網(wǎng)頁的布局帶來很大的協(xié)助。例如,運用負(fù)邊距辦法規(guī)劃網(wǎng)頁布局。
鏟除起浮是為了鏟除起浮引起的多種問題。有許多辦法可以消除起浮。
3.定位形式下的頁面布局
定位辦法的布局通常指絕對定位。這種布局辦法要求非常高的頁面布局精度。不幸的是,絕對定位布局辦法的盒子模型在高度和寬度上是固定的,而且不是自適應(yīng)的。
4.不要過度運用ID選擇器
ID在頁面中出現(xiàn)一次。過度運用將失掉款式的可重用性,頁面的可維護(hù)性將大大降低。
5.類別選擇器和ID選擇器由字母編號命名。
類選擇器和ID選擇器有多種命名辦法。最好的辦法是根據(jù)模塊的功能來命名它。例如,關(guān)于主要內(nèi)容區(qū)域,您可以運用# mainBox或.mainbox而不是#box1?;?box1。
不要運用字母數(shù)字命名。在未來的維護(hù)中,很容易看出模塊主要是針對目標(biāo)的。
6、合理運用css布局,不要盲目運用
CSS款式的主要功能是處理頁面結(jié)構(gòu)款式,避免運用CSS技能來掠奪其他語言的腳本,然后嘗試一種技能或新技能。