I haven't been on these forums that long so I don't know if you all have already discussed this, but -- have you ever shared examples of the generic CSS document you start out with each time you start a new project? I'd be interested to see what basic elements, attributes and workarounds you all consider essential.

Some things I start out with:


(Table of Contents usually goes here)


/* -----------------------------------------------------------*/
/* ---------->>> HTML Elements <<<-----------*/
/* -----------------------------------------------------------*/



body, html {
margin:0px;
padding:0px;
color:#666;
background: whatever
min-height:101%; /* to fix scrollbar issue in Firefox */
text-align: center
}

body, input, textarea, select {
font: 12px Arial,Verdana;
}

p {
margin: 15px 0px 15px 0px;
line-height:150%;
}

a:link, a:visited {
text-decoration:none;
color: #369;
}

a:hover, a:active {
color:#763107;
border-bottom: 1px solid #000;
}

form {
padding:0px;
margin:0px;
}

input, textarea, select {
border: 1px solid #333;
padding: 3px;
}

img {
border:none;
}

a.nohover:hover img {
border:none;
text-decoration:none;
}




/* -----------------------------------------------------------*/
/* ---------->>> General Body <<<-----------*/
/* -----------------------------------------------------------*/

#wrapper {
width: 915px;
margin-right: auto;
margin-left: auto;
}

h1#masthead {
width:915px;
height: 146px;
text-indent:-9000px;
padding:0px;
margin:0px;
}

.navbar {
margin: 0px;
padding: 0px;
color:#9D9D9D;
font-size: 11px;
}

.navbar a, .navbar a:visited {
padding: 0px ;
color:#DEDEDE;}

.navbar a:hover, .navbar a:active {
color:#FFF;
}

.content {
whatever
}

input.button {
background: #D25710 ! important;
border:#F7ECD4 1px solid;
padding: 2px;
margin: 0px 2px 0px 0px;
color:#FFF;
}

input.button:focus {
padding:2px;
background: #BA4519 ! important;
}

input.button:hover {
background: #BA4519 ! important;
}

#footer {
}

.left {
float:left;
}

.right {
float:right
}

br.clearfix {
clear:both;
margin:0px !important;
padding:0px !important;
height: 1px;
font-size: 1px;
line-height: 1px;
}

http://cssbeauty.com/skillshare/comments.php?DiscussionID=63&page=1#Item_7