CSS基础教程之Firebug...LOGIN

CSS基础教程之Firebug调试工具

开发时,推荐大家电脑上都安装一下火狐浏览器(Firefox)

20.png

Firefox里面有一款叫Firebug的插件

21.png

  • Firebug是网页浏览器 Mozilla firefox下的一款开发类插件, 现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面, 给Web开发者带来很大的便利。

  • 对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一,也可以说Firebug的CSS调试器是专为网页设计师们量身定做的!

接下来,我们来安装firebug

  • 首先 搜索Firefox并安装

  • 安装完成后,打开浏览器

  • 点击右上角,如下图

22.png

  • 点击添加附加

  • 在页面中搜索firebug

23.png

  • 搜索到,点击安装即可,安装完成后重启浏览器,在右上角会出现

24.png

此时即已安装成功,点击即可开启firebug

使用方法在以后的学习中会慢慢介绍,大家也可以去网上搜索相关介绍

下一节
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <style type="text/css"> h1{ color:red; border:1px solid black; text-align:center; background-color:#666666; } </style> </head> <body> <h1>欢迎加入php.cn</h1> </body> </html>
提交重置代码
章节课件