Magento

Changing your CSS files on the fly

Mozilla does a great CSS Developer plug-in that allows you to change the CSS files on the Fly

Plugin

Mozilla

http://www.mozilla.com/en-US/ Mozilla Download if you dont have it

A great CSS book here called THE CSS ANTHOLOGY 101 Essential Tips Tricks and Hacks

How to use Web Developer CSS

open your Mozilla Browser (forget winddoze browsers) locate

TOOLS » Web Developer » css » edit css

Now at the bottom of the browser you should see a CSS panel

This will list all the CSS files called into that particular page of you store

select which files contents you need to change IE boxes.css menu.css etc

cut all the css out of boxes.css and watch what happens the page in the browser will render with no Style

refresh the browser and it all comes back

The following is a list of CSS resources for those wanting to polish their skills:

http://www.w3.org/Style/CSS (and the boring docs, but nevertheless... some good detailed info here)

http://www.mezzoblue.com/zengarden/resources/ (even more resources [may be some duplicates])

http://barrierefrei.e-workers.de/ (e-workers: Arbeiten mit CSS - Webdesign ohne Barrieren)

http://www.jendryschik.de/wsdev/einfuehrung/ (Jendryschik: Einführung in XHTML, CSS und Webdesign)

http://www.css4you.de/ (Pehlgrim: CSS 4 You - The Finest in Stylesheets)

http://www.style-sheets.de/ (Wenzel: Cascading Style Sheets)

CSS Resources