Skinning CSS Cats

I am building a very simple site for an artist friend in Joomla!, part of my learning new skills in the dash for the green hills. (His name is Edward Bell, and I really admire his paintings). The CSS is written one line per property eg

div#horiz-menu { background: yellow; height: 36px; }

Whereas I much prefer multiple properties per line:

div#horiz-menu { background:yellow; height:36px; }

It’s shorter, it’s neater, you can see more lines in the window at any one time. For my money, it’s a more efficient way of having an overview and understanding of your CSS code.

However, I have found that it really doesn’t matter if you just to want quickly hack the code – simply fire up Firebug in Firefox, click on the element and you’re told exactly which line and file that property has been defined in. Wondrous.