View and edit HTML and CSS with Firebug
describe
In the tutorials in this chapter, we will discuss how to use Firebug to view and edit HTML and CSS.
View and Edit HTML with Firebug
Right-click the element you want to inspect and click Inspect Element.
Now click Edit on the Firebug window.
Modify the code <h1>Components of Firebug</h1> .
As long as you modify the code in the Firebug window, you can view the display effect of the modified code in the browser in real time, and you can also copy the code to your HTML file.
View and Edit Css with Firebug
Right-click the element you want to inspect and click Inspect Element. Click on the style file as shown below
Modify the title color by modifying the code to color:red;
After the modification is completed, you can immediately see the effect of the modification.
Now you can copy the modified style, replace the original code and save it to take effect:
**