Using 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.

Using Firebug to View and Edit HTML

Right-click on the element you want to view and select Inspect Element.

Now click Edit in the Firebug window.

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

You can instantly see the changes in the browser by modifying the code in the Firebug window, and you can also copy the code to your HTML file.

Using Firebug to View and Edit CSS

Right-click on the element you want to view and select Inspect Element. As shown in the image, click on the style sheet.

Modify the code to color:red; to change the title color.

After making the changes, you can immediately see the effects.

Now you can copy the modified style, replace the original code, and save it to take effect.