HTML and CSS Reference
In-Depth Information
Figure 6.3. Firebug
Chrome's developer tools and Firefox's Firebug add-on conveniently display all the styles
applied to the selected element, making it easy to change these on the fly right there in the
browser, inside the CSS panel. The changes are applied to the page immediately and will re-
main until the page is refreshed.
This can be an excellent way to add small sections of code, and see the changes take place
instantly, saving you the trouble of having to go back and forth between the text editor and
browser, refreshing the page each time. And, as a bonus, after writing some code, you can
then select the section you've edited and paste it into your real CSS file, knowing it will work
as expected.
