Editing CSS with Firebug in Windows XP Home
(Page 1 of 4 )
Are you looking for a tool to help you with web development that is both free and incredibly easy to use? Firebug fits the bill. This FireFox add-on will let you make changes to HTML in real time. This is the second part of a three-part series that shows you how to use this tool.
In part one of the tutorial, we discussed the installation techniques of Firebug showed you how to inspect and edit HTML in real time. In this section, we will delve more deeply into inspecting and editing CSS (HTML styles), which can be done very easily with Firebug.
Firebug helps you save a lot of time, especially with CSS. Without Firebug, a webmaster must open the CSS file, edit a particular line in that file, save it, and finally refresh the page so the reflected changes can be seen. What if your changes are not correct or up to your standards? You then must reopen the CSS file and repeat the whole time-consuming procedure.
With Firebug, all you need to do is inspect the CSS element and make your changes; Firebug will automatically reflect your changes in real time, helping you to judge immediately if the changes you made to the code are correct.
If they are correct, you can then save the correct CSS entry to the original file. This makes the editing process fast and easy.
If you have not read the first part of this series, it is highly recommended that you read it before continuing with this part.
Next: How to Inspect CSS in Firebug >>
More BrainDump Articles
More By Codex-M
