# Using Firebug to View and Edit HTML and CSS * * * > The official Firebug website has announced the discontinuation of development, updates, and maintenance for Firebug, inviting everyone to use Firefox's built-in tool (https://developer.mozilla.org/en-US/docs/Tools). ## Description In this tutorial chapter, we will discuss how to use Firebug to view and edit HTML and CSS. ## Using Firebug to View and Edit HTML Right-click on the element you want to inspect and then click **Inspect Element**.  Now, click **Edit** in the Firebug window.  Modify the code

Components of Firebug

.  You can see the effect of your modified code in the browser in real-time as you edit it in the Firebug window. You can also copy the code to your HTML file. * * * ## Using Firebug to View and Edit CSS Right-click on the element you want to inspect and then click **Inspect Element**. As shown in the image below, click on the stylesheet.  Modify the code to **color:red;** to change the title color. You can see the effect of the modification immediately after making the change. Now you can copy the modified style, replace the original code, and save it to make it effective: