DIV CSS 佈局教程網

之前給介紹個火狐浏覽器Firebug組件的用法（http://www.duote.com/tech/3/7891.html）。今天介紹下firebug它的擴展標簽css usage的應用。

　　(CSS usage是一款基於firebug的firefox擴展，可以用來查看頁面中的CSS使用情況，從而方便開發者優化CSS樣式表。)

先上圖：

 

Scan:手動描述
Clear:清空
Autoscan:自動描述

 

CSS usage的用法：

a、打開想要描述的網頁，再打開Firbug(也就是那個小蟲按鈕)，然後點擊CSS Usage標簽。

b、如果是用了大量ajax或者dhtml的網頁中，打開盡可能多的隱藏的div/窗口/tab，以使CSS Usage抓取盡可能多的內容。 （有些樣式是要自己點擊，CSS Usage才能抓取）

c、每訪問一個新的網頁，點擊一下Scan按鈕就會抓取，但是要偷懶就點擊Autoscan按鈕，它會自動抓取。

大家可以看到，在抓取的結果中有不同的顏色。

綠色：當前頁面用到的
紅色：至當前頁面沒有用到的
灰色：表示偽類（簡單理解 a:link 鏈接未點擊上去的時候；a:visited 鏈接已經點擊過的；a:hover 鼠標放在鏈接上未點擊；a:active 鏈接按下去時的狀態；）