我們在進行(xíng)DivCSS布局的時(shí)候，非常關注CSS技(jì)巧的學習，今天向大(dà)家(jiā)推薦3個(gè)所謂的“頂級”CSS技(jì)巧！雖然沒有(yǒu)什麽新意，但(dàn)對新手而言卻非常重要！

一、在一行(xíng)內(nèi)聲明(míng)CSS

h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} 
　　h2 { 
　　font-size:18px; 
　　border:1px solid blue; 
　　color:#000; 
　　background-color:#FFF; 
　　}

第二種看起來(lái)的确格式化，但(dàn)是不會(huì)在閱讀上(shàng)有(yǒu)任何幫助。寫在一行(xíng)內(nèi)可(kě)以讓你(nǐ)更快的找到需要的部分。　　

以前我也是寫成類似第二種方式，但(dàn)是逐漸發現就像文章說的一樣，沒多(duō)大(dà)用。一行(xíng)看起來(lái)又爽快又省地方還(hái)能讓文件更小(xiǎo)。

二、分塊書(shū)寫代碼 　　

這樣書(shū)寫代碼可(kě)以讓CSS更頁面化，在出現問題時(shí)候可(kě)以最短(duǎn)時(shí)間(jiān)內(nèi)找到問題所在。就像下面這樣：

#content {float:left;} 
　　#content p { … } 
　　#sidebar {float:left;} 
　　#sidebar p { … } 
　　#footer {clear:both;} 
　　#sidebar p { … }

三、浏覽器(qì)兼容問題

隻支持最新的浏覽器(qì)。也就是說要放棄IE5和(hé)IE5.5。這樣一來(lái)就能省下很(hěn)多(duō)時(shí)間(jiān)。對于IE6來(lái)說不用使用盒模型Hack。如果隻針對流行(xíng)浏覽器(qì)的話(huà)，隻需要很(hěn)少(shǎo)的Hack就能實現同樣的效果。　　

我注意了一下網易新版主頁的CSS，其中竟然一個(gè)!important或者Hack都沒有(yǒu)，可(kě)是在FF和(hé)IE裏面顯示效果都很(hěn)好。在52CSS.com的出版的書(shū)《變幻之美 DivCSS網頁布局揭秘 - 案例實戰篇》中，hack應用也非常非常少(shǎo)。合理(lǐ)的使用CSS可(kě)以避免Hack。當然，調試的時(shí)間(jiān)會(huì)多(duō)一些(xiē)。　　

包含浮動元素所有(yǒu)在容器(qì)內(nèi)的內(nèi)容都應該被設計(jì)為(wèi)和(hé)容器(qì)保持一緻。如果過大(dà)的話(huà)就會(huì)滑動到錯誤位置。使用負值margin調整到容器(qì)外同樣會(huì)導緻滑動。　　

理(lǐ)解Overflow如果頁面中有(yǒu)兩個(gè)浮動元素，在左容器(qì)內(nèi)輸出過多(duō)內(nèi)容的話(huà)就會(huì)導緻右側容器(qì)跑到下面。這也就是說你(nǐ)的margin、寬度或者padding設置混亂了，不過在FF裏面體(tǐ)現不出來(lái)。使用overflow:hidden或者overflow:scroll可(kě)以避免IE允許內(nèi)容沖出容器(qì)。