自学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:样式直接可以单击上去改哦，双击空白处为添加样式。

     看了这么多，是不是心动了？赶快去把新浪变成谷歌吧。