It’s always a good idea to get an instant preview of the layout while optimizing your CSS code. It helps you to understand and debug CSS styles better.
There are some main free CSS debugging tools that you can install on your browser: FireFox Web Developer, Xyle Scope, DOM Inspector and Firebug.