CSS對(duì)于現(xiàn)代網頁來(lái)講非常重要，它可以實現(xiàn)更好(hǎo)的(de)效果，那(nà)麽今天廣帆互動就帶大家(jiā)來(lái)分享一下(xià)關于CSS3的(de)新知識～

1.樣式的(de)重用性

CSS布局的(de)網頁最大的(de)特點就是樣式的(de)可重用性,利用class選擇符重複将某個(gè)樣式屬性多次在網頁中使用，以減少不斷定義樣式屬性的(de)煩瑣工(gōng)作(zuò)，增加頁面的(de)可維護性。例如，将某處表達樣式、闆塊整體(tǐ)樣式、文(wén)字顔色；甚至可以擴展到頁面的(de)模塊化(huà)處理(lǐ)。

2.浮動與清除浮動

浮動式網頁布局中永遠(yuǎn)的(de)話(huà)題，很(hěn)多浏覽器(qì)的(de)兼容性問(wèn)題都(dōu)是因為(wèi)浮動而導緻的(de)，例如IE6.0的(de)雙倍間(jiān)距的(de)問(wèn)題。浮動也是把雙刃刀(dāo)，兼容性的(de)問(wèn)題為(wèi)其二産生(shēng)為(wèi)其而滅亡，善于利用浮動對(duì)于網頁布局将會帶來(lái)很(hěn)到的(de)幫助，例如使用負邊距地(dì)方法對(duì)頁面進行布局設計(jì)。

清除浮動浮動而出現(xiàn)，用來(lái)清理(lǐ)浮動導緻的(de)諸多問(wèn)題。清除浮動的(de)方式有(yǒu)很(hěn)多。

3.定位方式的(de)頁面布局

定位方式的(de)布局一般指的(de)是絕對(duì)定位，這(zhè)種布局方式對(duì)頁面布局的(de)設計(jì)精确性要求十分高(gāo)，遺憾的(de)是絕對(duì)定位的(de)布局方式的(de)盒模型是固定高(gāo)和(hé)寬的(de)，無非自(zì)适應。

4.不要過多使用ID選擇符

ID在一個(gè)頁面中出現(xiàn)的(de)次數是一次，過多使用将失去(qù)樣式的(de)可重用性的(de)特征，對(duì)于頁面的(de)可維護性也将大打折扣。

5.類選擇符(class)及ID選擇符使用字母+數字方式命名

類選擇符Class及ID選擇符的(de)命名方式很(hěn)多,最好(hǎo)的(de)方式是陣對(duì)某個(gè)模塊的(de)功能闡述性的(de)命名，例如，陣對(duì)主要內(nèi)容區(qū)域，可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。

不使用字母+數字的(de)方式命名，在後期維護中可以陣對(duì)某個(gè)模塊主要針對(duì)對(duì)象一目了然。

6.合理(lǐ)使用CSS布局，切勿盲目使用

CSS樣式的(de)主要功能是對(duì)頁面結構樣式的(de)處理(lǐ)，避免隻是為(wèi)了試驗一種技(jì)術或新技(jì)巧而采用CSS中的(de)技(jì)巧去(qù)剝奪其他(tā)語言腳本的(de)使用。