眾所周之，在不影響整個(gè)網(wǎng)頁(yè)構(gòu)架與功能的情況下，網(wǎng)頁(yè)文件越小越好，因?yàn)楦〉木W(wǎng)頁(yè)文件有利于瀏覽器對(duì)網(wǎng)頁(yè)的解釋時(shí)間縮到更短，自然訪客也就不用面臨等待網(wǎng)頁(yè)緩慢呈現(xiàn)的煩躁了，這一點(diǎn)對(duì)于那些帶寬少網(wǎng)速慢的用戶猶為明顯。盡管對(duì)于現(xiàn)如今的帶寬來(lái)說(shuō)，網(wǎng)頁(yè)文件那僅以K來(lái)算的大小實(shí)在是微不足道，但如何將這以K來(lái)計(jì)算的網(wǎng)頁(yè)文件精簡(jiǎn)到最小還是網(wǎng)頁(yè)設(shè)計(jì)師們所應(yīng)該考慮的問(wèn)題之一。試想一下，你會(huì)是希望打開(kāi)一個(gè)網(wǎng)站的時(shí)候整個(gè)站點(diǎn)馬上呈現(xiàn)在你面前呢？還是喜歡花上十幾秒甚至是幾分釧來(lái)看整個(gè)站點(diǎn)一點(diǎn)一點(diǎn)的被瀏覽器解釋出來(lái)呢？

　　在Table布局的時(shí)代，代碼無(wú)數(shù)次的隨著表格在頁(yè)面里重復(fù)，致使整個(gè)網(wǎng)頁(yè)文件變得臃腫無(wú)比，代碼的可讀性也降到最低，瀏覽器的解釋時(shí)間自然也增加了不少。而自從DIV+CSS的布局替代Table布局之后，這一切都得到了極大的改善，讓Table回歸到它原本用于顯示數(shù)據(jù)的位置上去，而布局就交給DIV+CSS來(lái)做，這樣代碼的可讀性與復(fù)用性都得到了提高，而DIV+CSS更為重要的一點(diǎn)就是將網(wǎng)頁(yè)文件的表現(xiàn)與結(jié)構(gòu)區(qū)分開(kāi)來(lái)，再也不用為了表現(xiàn)而去改動(dòng)整個(gè)網(wǎng)頁(yè)文件的結(jié)構(gòu)了。

　　即使DIV+CSS的布局方式將以前Table布局時(shí)代碼的臃腫降到了最低，但對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，如何將網(wǎng)頁(yè)文件的大小控制到最小是永遠(yuǎn)值得探索和追求的一個(gè)問(wèn)題。

　　看如下一段代碼：

#header {   
margin-top:10px;   
margin-right:15px;   
margin-bottom:10px;   
margin-left:15px;   
backgroung-color:#333333;   
background-images:url(http://www.52css.com/Images/header.jpg);   
}          

        

        
        
      
        
it知識(shí)庫(kù)：精簡(jiǎn)CSS文件 使您的CSS網(wǎng)頁(yè)布局代碼更專業(yè)，轉(zhuǎn)載需保留來(lái)源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。