Firebug helps teach CSS by hands-on exercise

Posted on | May 5, 2008 |

Firebug is a godsend to me. Firebug provides one of the easiest ways to see exactly what CSS tags are affecting a specific item in your HTML. I switch WordPress themes rather often, and it’s always an adventure learning how someone set up their style sheet. Firebug’s inspect mode lets me point to a specific place on a page, and see all the CSS tags that influence the display. I can then edit the CSS on the fly, and Firebug will save those edits during the session. I can see how all my changes affect a page before I choose to upload the updated CSS to my server.