In this tutorial, we are going to discuss how to inspect and edit HTML and CSS with Firebug.
Inspect and edit HTML with FirebugRight click on the element which you want to inspect and click on the Inspect Element.
Click on the Edit in the Firebug window now.
Change the code to <h1>Components of Firebug</h1> .
As soon as you change the code, you can see the effect live. You can copy the code and then simply paste it replacing the original code and save to make the effect permanent.
Inspect and edit CSS with FirebugRight click on the element which you want to inspect and click on the Inspect Element. An then click as shown (scroll the image to right) in the image to open corresponding CSS code.
Change the color of the heading by changing the code to color:red;
You will see the effect live immediately. Now you can simple copy this and replace the original code and save to make the changes permanent
Previous: Firebug Tutorial
Next: Debug JavaScript with Firebug
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4