Tutorial

CSS Reset

A lot of people are curious as to what CSS reset I use (most of those people are in my Intermediate Web Design class that I teach on Tuesday nights).  Fear not, for i am posting my favorite reset template here!

@charset "utf-8";
/* CSS Document */

/*--------------CSS RESET-------------*/

/* Global Defaults */
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body {
	font: 1em/1.25 Arial, Helvetica, sans-serif;
}

*{
outline: 0px;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #545049;
}

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
	margin: 0;
	padding: 0;
	font: normal normal normal 1em/1.25;
}
blockquote {
  padding: 0 1.25em
}
q {
  font-style: italic;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
small {
  font-size:.85em;
}
big {
  font-size:1.2em;
}

/* Links and Images */
a, a:link, a:visited, a:active, a:hover {
	text-decoration: underline;
	color: #FFF;
}
img {
  border: none;
}

/* Tables */
table {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}

/* Forms */
form {
  margin: 0;
  padding: 0;
  display: inline;
}
label {
cursor: pointer;
}

/* Common Classes */
.clear { clear: both; }
.floatLeft, .alignleft { float: left; }
.floatRight, .alignright { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }

ul ,ol{
	margin-left: 25px;
}

.post ul, .post ol{
margin-bottom: 10px;
}