Firebug Getting...login
Firebug Getting Started Tutorial
author:php.cn  update time:2022-04-14 16:53:53

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.

inspect-html-firebug

Now click Edit on the Firebug window.

inspect-html-firebug1


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

inspect-html-firebug2

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

inspect-css-firebug

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:

inspect-css-firebug2

php.cn