CSS Reset Styles

abstract

This is an example of CSS style sheet which resets presentation of every HTML tag (this technique is also called 'css zeroing'). This is useful for developing CSS-based sites with crossbrowser conformity.

compatible

CSS 2 and higher

 
body { color: black; background: white; }
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
 
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }

tested by AnyExample.com on 2006-09-18

W3.org :: Validator
Windows XP :: Firefox 2.0
Windows XP :: Opera 9
Windows XP :: Internet Explorer 6.0
Windows XP :: Internet Explorer 7.0

License | Privacy | Contact