-
Book Overview & Buying
-
Table Of Contents
PHP jQuery Cookbook
By :
This recipe will introduce the HTML panel of Firebug and how it can be used to inspect the document structure, select an HTML element, and watch its CSS style.
Open an HTML page, for example, http://www.google.com in your browser.
Now click on the arrow icon from the Firebug bar and move your mouse pointer over any element on the page. The element will be highlighted and in the Firebug panel you will see details of that HTML element, as seen in the following screenshot:

Another method, which is faster and more accurate, is to right-click on an element and click on Inspect Element on the context menu. Firebug will set the focus on the selected element.
The HTML panel of Firebug is divided into two parts. The left panel shows the HTML whereas the right part shows the CSS styles. Clicking on the Inspect button allows us to inspect any element on the page. Moving the mouse pointer over any element will then display the element details in the HTML...
Change the font size
Change margin width
Change background colour