CSS對(duì)現(xiàn)代網(wǎng)頁(yè)非常重要,它能取得更好的效果,所以今天的廣州網(wǎng)站建設(shè)將與你分享CSS3的新知識(shí)
1.樣式的可重用性
CSS布局網(wǎng)頁(yè)的更大特點(diǎn)是樣式的可重用性。使用class選擇器在網(wǎng)頁(yè)中重復(fù)使用某個(gè)樣式屬性,以減少連續(xù)定義樣式屬性的繁瑣工作,并提高頁(yè)面的可維護(hù)性。例如,您可以在某處表達(dá)樣式、整體樣式和文本顏色。您甚至可以擴(kuò)展到頁(yè)面的模塊化處理。
2.浮動(dòng)和清除浮動(dòng)
浮動(dòng)頁(yè)面布局中的許多瀏覽器兼容性問(wèn)題都是由浮動(dòng)引起的,例如IE6.0中的雙間距。浮動(dòng)也是一把雙刃劍。兼容性問(wèn)題是由它引起的第二個(gè)問(wèn)題。良好地使用浮動(dòng)將會(huì)給網(wǎng)頁(yè)的布局帶來(lái)很大的幫助。例如,使用負(fù)邊距方法設(shè)計(jì)網(wǎng)頁(yè)布局。
清除浮動(dòng)是為了清除浮動(dòng)引起的多種問(wèn)題。有許多方法可以消除浮動(dòng)。
3.定位模式下的頁(yè)面布局
定位方法的布局通常指相對(duì)定位。這種布局方法要求非常高的頁(yè)面布局精度。不幸的是,相對(duì)定位布局方法的盒子模型在高度和寬度上是固定的,并且不是自適應(yīng)的。
4.不要過(guò)度使用ID選擇器
ID在頁(yè)面中出現(xiàn)一次。過(guò)度使用將失去樣式的可重用性,頁(yè)面的可維護(hù)性將大大降低。
5.類(lèi)別選擇器和ID選擇器由字母編號(hào)命名。
類(lèi)選擇器和ID選擇器有多種命名方式。更好的方法是根據(jù)模塊的功能來(lái)命名它。例如,對(duì)于主要內(nèi)容區(qū)域,您可以使用# mainBox或.mainbox而不是#box1?;?box1。
不要使用字母數(shù)字命名。在未來(lái)的維護(hù)中,很容易看出模塊主要是針對(duì)對(duì)象的。
6、合理使用css布局,不要盲目使用
CSS樣式的主要功能是處理頁(yè)面結(jié)構(gòu)樣式,避免使用CSS技術(shù)來(lái)剝奪其他語(yǔ)言的腳本,從而嘗試一種技術(shù)或新技術(shù)。