Web design & FOSS
Front-end web technologies and Free Open Source Software.
Thursday 17 April 2008, 11:40 PM
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.
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.
Previous
