新手在網(wǎng)站建設(shè)時(shí)剛接觸CSS，都希望得到有經(jīng)驗(yàn)的技巧，方便自己學(xué)習(xí)，筆者為新手提供三個(gè)頂級(jí)CSS技巧，第一個(gè)就是很多新手困惑的瀏覽器兼容問(wèn)題；第二個(gè)是分塊書(shū)寫(xiě)CSS代碼；最后就是如何在一行內(nèi)聲明CSS代碼。
　　一、瀏覽器兼容問(wèn)題
　　只支持最新的瀏覽器。也就是說(shuō)要放棄IE5和IE5.5。這樣一來(lái)就能省下很多時(shí)間。對(duì)于IE6來(lái)說(shuō)不用使用盒模型Hack。如果只針對(duì)流行瀏覽器的話(huà)，只需要很少的Hack就能實(shí)現(xiàn)同樣的效果。包含浮動(dòng)元素所有在容器內(nèi)的內(nèi)容都應(yīng)該被設(shè)計(jì)為和容器保持一致。如果過(guò)大的話(huà)就會(huì)滑動(dòng)到錯(cuò)誤位置。使用負(fù)值margin調(diào)整到容器外同樣會(huì)導(dǎo)致滑動(dòng)。理解Overflow如果頁(yè)面中有兩個(gè)浮動(dòng)元素，在左容器內(nèi)輸出過(guò)多內(nèi)容的話(huà)就會(huì)導(dǎo)致右側(cè)容器跑到下面。這也就是說(shuō)你的margin、寬度或者padding設(shè)置混亂了，不過(guò)在FF里面體現(xiàn)不出來(lái)。使用overflow:hidden或者overflow:scroll可以避免IE允許內(nèi)容沖出容器。
　　二、分塊書(shū)寫(xiě)代碼
　　這樣書(shū)寫(xiě)代碼可以讓CSS更頁(yè)面化，在出現(xiàn)問(wèn)題時(shí)候可以最短時(shí)間內(nèi)找到問(wèn)題所在。每個(gè)CSS屬性獨(dú)立一行，一般不會(huì)出現(xiàn)換行或橫向滾動(dòng)條。可以通過(guò)firebug等工具查找到模塊，在DW中ctrl+g行定位，修改方便。屬性段落間有縮進(jìn)，保證了代碼的整潔，層次清楚，符合編程語(yǔ)言代碼規(guī)范，修改更加直觀。但是其中會(huì)存在一些問(wèn)題：代碼冗余；文件大小增加；容易出現(xiàn)縱向滾動(dòng)條。
　　三、在一行內(nèi)聲明CSS
　　最大化的利用了空間，單屏內(nèi)能顯示更多，減小了縱向滾動(dòng)條出現(xiàn)的幾率，能夠快速捕獲較多的信息。減小網(wǎng)站建設(shè)的文件大小，省去了不必要的空格、換行等。橫向書(shū)寫(xiě)方便分塊以及注釋?zhuān)阌诓榭碈SS結(jié)構(gòu)，選擇符一目了然。加快編寫(xiě)CSS速度，不用每次敲換行和tab，并且減少拉動(dòng)滾動(dòng)條的次數(shù)。如果是活動(dòng)頁(yè)，不用作壓縮處理。使用CSS optimizers 來(lái)優(yōu)化CSS是提倡的，但是使用橫向書(shū)寫(xiě)，基本上不存在多余的空格和換行，因此可以不用壓縮，這樣效率和能力都會(huì)得到提高。