Best free CSS editor ?

I'm used to HTML and tables for layout and cascading style sheets (CSS) don't yet feel intuitive to me. I do use Dreamweaver MX 2004 but the design view doesn't often accurately reflect the changes I make. After googling around for a decent CSS editor I was ready to gave up.

By chance I stumbled across a fabulous freeware CSS editor that displays layout changes on the fly. It's an extension for Mozilla Firefox called Web Developer Extension and it's written by Chris Pederick.

At the click of a button it will open up a panel on the left of the browser window for any web page and display the style sheet. The style sheet can be edited and the layout of the web page in the right pane is updated straight away. Its a really good way to learn about CSS. You can save the changes or load up new style sheets to see how the page will look. I can't tell you how useful it is!

CSS editing is just one small part of the extension as it has links to validate your HTML/XHTML etc., screen resizing features, image manipulations and much more.Link