Jump start CSS

Accurate master style resetting will save you tonns of time. Here is a CSS correctly reset. Courtesy of crucialwebhost.com

/***** Global Settings *****/
 
html, body {
    border:0;
    margin:0;
    padding:0;
}
 
body {
    font:100%/1.25 arial, helvetica, sans-serif;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}
 
h1 {
    padding:30px 0 25px 0;
    letter-spacing:-1px;
    font:2em arial, helvetica, sans-serif;
}
 
h2 {
    padding:20px 0;
    letter-spacing:-1px;
    font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
    font:1em arial, helvetica, sans-serif;
    font-weight:bold;
}
 
p, ul, ol {
    margin:0;
    padding:0 0 18px 0;
}
 
ul, ol {
    list-style:none;
    padding:0 0 18px 40px;
}
 
blockquote {
    margin:22px 40px;
    padding:0;
}
 
small {
    font-size:0.85em;
}
 
img {
    border:0;
}
 
sup {
    position:relative;
    bottom:0.3em;
    vertical-align:baseline;
}
 
sub {
    position:relative;
    bottom:-0.2em;
    vertical-align:baseline;
}
 
acronym, abbr {
    cursor:help;
    letter-spacing:1px;
    border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
    text-decoration:none;
}
 
/***** Forms *****/
 
form {
    margin:0;
    padding:0;
    display:inline;
}
 
input, select, textarea {
    font:1em arial, helvetica, sans-serif;
}
 
textarea {
    line-height:1.25;
}
 
label {
    cursor:pointer;
}
 
/***** Tables *****/
 
table {
    border:0;
    margin:0 0 18px 0;
    padding:0;
}
 
table tr td {
    padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
    width:960px;
    margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

Powered by ScribeFire.

Leave a comment

Please be polite and on topic. Your e-mail will never be published.