七月 12, 2006

使用 Firefox 的 Web Developer 輔助修改部落格 CSS 樣式表

雖然阿杰老師還是以使用 IE 為主 (因為一定有 IE ) 。但是 Firefox 的功能愈來愈強大了!令人不得不重視它的存在。

首先安裝 Firefox 。

http://moztw.org/

接著由 Top 15 擴充套件票選中安裝 「Web Developer」。

http://moztw.org/firefox/extension_top_15/

接著重頭戲就上場了!


1 . 首先由 檢視功能表啟用 Web Developer

firefox

2. 由Web Developer 工具列中啟用 「編輯 CSS」。就可以看到使用了那些 CSS 檔。

firefox

Web Developer

3. 再由Web Developer 工具列中「網頁資訊 > 顯示 ID & Class 資訊」。如此網頁上就會顯示 使用了那些 CSS 的 Class!

firefox

Web Developer


發佈者: 陳怡杰 老師 at 16:05│  點閱次數 (501)│ 修改文章管理迴響迴響 (0)模版設計
回應文章
(必要)
authimage