codecamp

使用Firebug查看和编辑HTML和CSS

描述

在本章节的教程中,我们将讨论如何使用Firebug查看和编辑HTML和CSS。

使用Firebug查看和编辑HTML

在你要查看的元素上右击鼠标然后点 Inspect Element(查看元素).

inspect-html-firebug

现在在Firebug窗口上点击Edit(编辑) 。

修改代码 <h2>学技术,从W3Cschool开始</h2> .


你只要在Firebug窗口上修改代码就能实时的查看修改后代码在浏览器上的显示效果,你也可以复制代码到你的HTML文件中。


使用Firebug查看和编辑Css

鼠标右击你要查看的元素然后点击Inspect Element(查看元素)。如下图所示点击样式文件


通过修改代码为 color:red; 来修改标题颜色

修改完成后你可以马上看到修改后的效果。

现在你可以复制修改后的样式,取代原有的代码并保存,使之生效:



Firebug 教程
使用 Firebug 调试 JavaScript
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }