CSS對(duì)于現(xiàn)代的武漢網(wǎng)站制作來(lái)說(shuō)是非常重要的,它可以達(dá)到更好的效果,所以今天光帆互動(dòng)就來(lái)跟大家分享一下關(guān)于CSS3的新知識(shí)~。
1. 樣式的可重用性。
CSS布局網(wǎng)頁(yè)的最大特點(diǎn)是樣式的可重用性。使用類選擇器在網(wǎng)頁(yè)之中多次重復(fù)使用某個(gè)樣式屬性,以減少不斷定義樣式屬性的繁瑣工作,增加頁(yè)面的可維護(hù)性。例如,改變某個(gè)區(qū)域的表達(dá)風(fēng)格、版塊的整體風(fēng)格、文字顏色等。這甚至可以擴(kuò)展到頁(yè)面的模塊化處理。
2. 浮動(dòng)和清除浮動(dòng)。
浮動(dòng)頁(yè)面布局是一個(gè)永恒的話題。很多瀏覽器兼容性問(wèn)題都是浮動(dòng)造成的,比如IE 6.0的雙行距問(wèn)題。浮也是一把雙刃劍。兼容性問(wèn)題的出現(xiàn)是因?yàn)榈诙€(gè)問(wèn)題。善于使用浮動(dòng)會(huì)給網(wǎng)頁(yè)布局帶來(lái)很大的幫助,比如使用負(fù)頁(yè)邊距進(jìn)行頁(yè)面布局。
用于清除浮子,并用于清除浮子引起的許多問(wèn)題。清除浮子的方法很多。
3. 頁(yè)面布局的定位方法。
定位布局一般是指絕對(duì)定位。這種布局方法對(duì)頁(yè)面布局的設(shè)計(jì)精度要求很高。不幸的是,絕對(duì)定位布局方法的盒子模型具有固定的高度和寬度,只不過(guò)是自適應(yīng)的。
4. 不要過(guò)多地使用ID選擇器。
ID在一個(gè)頁(yè)面之中只出現(xiàn)一次。過(guò)度使用會(huì)失去樣式的可重用性特性,頁(yè)面的可維護(hù)性也會(huì)大打折扣。
5. 類選擇器(類)和ID選擇器使用字母+數(shù)字命名。
類選擇器和ID選擇器有很多命名方法。最好的方法是以描述性的方式命名模塊的功能。例如,對(duì)于主內(nèi)容區(qū)域,您可以使用#mainBox或.mainBox代替#box1或.box1。
不用字母+數(shù)字來(lái)命名,在之后的維護(hù)之中可以清楚地識(shí)別出某個(gè)模塊的主要對(duì)象。
6. 合理使用CSS布局,不要盲目使用。
CSS樣式的主要功能是處理頁(yè)面結(jié)構(gòu)樣式,避免使用CSS技術(shù)只是為了測(cè)試一種技術(shù)或新技術(shù)而剝奪其他語(yǔ)言腳本的使用。
下一篇:沒(méi)有了