olivier

Hiya Ben, as promised, here's my css "template".
Obviously, this doesn't work or suit everybody but has always worked well for me.
 

/*------------------------------------------------------------------------ Basic Style Sheet for www.whateversiteyouworkon.com Version 1.0 Author: moi email: moi@mysite.com ------------------------------------------------------------------------*/ /* =Common ------------------------------------------------------------------------*/ * { font-style:normal; list-style-type:none; list-style-position:outside; margin:0px; padding:0px; text-decoration:none; outline: none; } body { background: white url(skin/skin_body_back.gif) repeat-y top center; font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif; font-size:small; font-weight: normal; line-height: 150%; color:#FFFFFF; overflow: auto; } /* =Layout ------------------------------------------------------------------------*/ #wrapper { } #masthead { } #content { } /* =Typography ------------------------------------------------------------------------*/ p { } h1, h2, h3 { } /* =Navigation + Links ------------------------------------------------------------------------*/ #navigation { } #navigation li { } #navigation li a { } #navigation li a:hover { } a:link { color:blue; text-decoration:none; } a:visited{ color:green; text-decoration: none; } a:hover { color:red; text-decoration:underline; } /* =Forms ------------------------------------------------------------------------*/ fieldset { position:relative; margin: 1em 0; padding: 1em; border: 1px solid #999; background:#eee; } legend { position:absolute; top: -.5em; left:.5em; font-size: 14px; color:black; font-weight: bold; padding: 0 5px; } label { display:block; padding-bottom:3px; } label em { font-weight: normal; color:#999999; } input { width: 200px; padding: 3px; border: 1px solid #666; } textarea { font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; padding:3px; margin:0px; width:300px; height:100px; border: 1px solid #666; } /* =xTras ------------------------------------------------------------------------*/
 
I like to use a header to add common info + any notes (TODOS and stuff)
I add = signs to the comment title so that when I do a 'find' on my document, it doesn't pick up on a class with the same name.
If I use hacks, I document them (explain what and why they are here and link to a reference if any)
I always starts with these definitions in because they are common to all site.
The * overwrites the browser style sheet so I ALWAYS start my stylesheets with it
 
 
Et voila! That's how I do things. As I said at the starts, It works for me, might not be everybody's cup of tea!
 
Oli
template.css