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: