Skinning CSS Cats
![jake-rayson.png](https://www.zdnet.com/a/img/resize/9c0ec531cfd82490185a8a2627df5d2f36791cba/2014/07/22/2a5985bf-1175-11e4-9732-00505685119a/jake-rayson.png?auto=webp&fit=crop&frame=1&height=192&width=192)
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.