自學DIV+CSS心得--網頁調試工具

 為了讓大家更容易的上手這門技術，有兩個調試工具是必不可少的。

 1.IE Developer Toolbar

2.firebug 此工具是firefox的插件，是以先下載下傳firefox3.0

     接下來先講述IE Developer Toolbar

     當你安裝完成後，打開IE，在“工具|IE Developer Toolbar”裡會出現調試工具

     然後單擊左下圖示，這樣你就可以在網頁裡單擊項目來看網頁是如何構成的了。

     左邊欄是代碼區顯示網頁代碼，中間是編輯區，可以為某個元素添加樣式等，右側是樣式區，顯示元素的樣式。你也可以利用代碼區來選擇某個容器。 例如你要給左側分類DIV加入一個紅色邊框，選中分類框後，在中間NAME中鍵入border,在value中鍵入1px solid red，試試效果是不是出來了？

     要注意，調試工具修改的所有地方都是臨時的，是以，當你重新整理頁面後效果就消失了。

     接下來是重點，FIREBUG，我超級喜歡用這個工具，我們先安裝起來，我已經等不及了。

     方法很簡單，打開FF，選擇工具-附加元件，查找firebug，直接添加至FF重新開機FF即可。

     打開FIREBUG的快捷鍵是F12，如果還沒打開就單擊右下角的小強。 當你激活選擇功能後框選元素，需要使用右鍵取消選擇，這時下面隻有兩個框，它把樣式區和編輯區合在一起了，并且把CSS代碼按樣式名稱分開，友善了許多，當你需要修改頁面内容的時候，直接輕按兩下左下的标簽就可以進入代碼界面，這時候的網頁你想怎麼改就怎麼改。

     PS:樣式直接可以單擊上去改哦，輕按兩下空白處為添加樣式。

     看了這麼多，是不是心動了？趕快去把新浪變成谷歌吧。