Use Firebug to view and edit HTML and CSS

description

In this section of the tutorial, we will discuss how to use Firebug to view and edit HTML and CSS.

Use Firebug to view and edit HTML

Right-click on the element you want to view and then Inspect Element (see the elements).

Now on the Firebug window, click Edit (Edit).

Modify the code <h1> Components of Firebug </ h1>.

As long as you modify the code in the Firebug window will be able to view the real-time code on the browser's display after modification, you can also copy the code into your HTML file.

Use Firebug to view and edit Css

Right-click on the element you want to view and then click Inspect Element (see the elements). Click Style file as shown below

By modifying the code for the color: red; color to modify the title

After editing you can immediately see the effect of the modified.

Now you can copy the style modified, replace the existing code and save it, bring it into force: