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