I have a few questions about the css files delivered with magento and the best practices to do changes in them.
First of all I was not able to find a basic description for all the css files coming with magento. For example when is the reset.css file used?
But my bigger question is, why magento is doing almost everything in the styles.css by default? Wouldn't it be a better idea to split the css into several smaller files and load those in the local.xml file for the different views? This allows for more control over the styling of the elements.
For example one could create a css file for simple product views and load the file in local.xml and another one for grouped products.
Another question i have is, about the -moz-* styles. Why are they in the styles.css and not in a firefox specific css file? If I use Opera (or any other browser) they show this styles as errors because they don't know about them.