眾所周之，在不影響整個網頁構架與功能的情況下，網頁文件越小越好，因為更小的網頁文件有利于瀏覽器對網頁的解釋時間縮到更短，自然訪客也就不用面臨等待網頁緩慢呈現的煩躁了，這一點對于那些帶寬少網速慢的用戶猶為明顯。盡管對于現如今的帶寬來說，網頁文件那僅以K來算的大小實在是微不足道，但如何將這以K來計算的網頁文件精簡到最小還是網頁設計師們所應該考慮的問題之一。試想一下，你會是希望打開一個網站的時候整個站點馬上呈現在你面前呢？還是喜歡花上十幾秒甚至是幾分釧來看整個站點一點一點的被瀏覽器解釋出來呢？

　　在Table布局的時代，代碼無數次的隨著表格在頁面里重復，致使整個網頁文件變得臃腫無比，代碼的可讀性也降到最低，瀏覽器的解釋時間自然也增加了不少。而自從DIV+CSS的布局替代Table布局之后，這一切都得到了極大的改善，讓Table回歸到它原本用于顯示數據的位置上去，而布局就交給DIV+CSS來做，這樣代碼的可讀性與復用性都得到了提高，而DIV+CSS更為重要的一點就是將網頁文件的表現與結構區分開來，再也不用為了表現而去改動整個網頁文件的結構了。

　　即使DIV+CSS的布局方式將以前Table布局時代碼的臃腫降到了最低，但對于網頁設計師來說，如何將網頁文件的大小控制到最小是永遠值得探索和追求的一個問題。

　　看如下一段代碼：

#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知識庫：精簡CSS文件 使您的CSS網頁布局代碼更專業，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。