View and edit HTML and CSS with Firebug

Description

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

Use Firebug to view and edit HTML

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

Now click Edit on the Firebug window.

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

You just need to Modify the code in the Firebug window and you can view the display effect of the modified code on the browser in real time. You can also copy the code to your HTML file.

Use Firebug to view and edit Css

Right-click the element you want to view and click Inspect Element. Click the style file as shown below

Modify the title color by modifying the code to color:red;

After the modification is completed, you You can see the effect of the modification immediately.

Now you can copy the modified style, replace the original code and save it to make it effective: