Simple Reset




Simple Reset removes margins and padding only from selected elements, as opposed to the wholesale removal made by the resets that rely on the universal selector.

Simple Reset:

  • Removes top margins on paragraphs and headings
  • Removes borders from fieldsets and images
  • Sets table borders and spacing
  • Sets values for a number of table-related elements (such as <th> and <td>)
  • Applies font-size and line-height to form elements
  • Removes list item bullets
  • Gives attributes to the rarely styled <abbr> and <acronym> elements
  • Gives a vertical alignment value to <sup> and <sub> elements to avoid line-height issues
/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}
Author: Russ Weakley