Posted By

beneberle on 06/18/09

Tagged

Versions (?)

Last Edited at 06/18/09 02:12pm

Statistics

Viewed 631 times

Favorited by 1 user(s)

Related snippets

CSS global reset

/ Published in: CSS

Eric Meyer's venerable reset css styles.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:62.5%; /*sets 10px as base, making em calculations easy */ 
	font-family: inherit;
	vertical-align: baseline;
}
 
:focus {
	outline: 0;
}
 
body {
	line-height: 1;
	color:black;
	background:white;
}
 
ol, ul {
	list-style: none;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
 
caption, th, td {
	text-align: left;
	font-weight: normal;
}
 
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
 
strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}
 
something:after{
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
 
.left, #left{
	float: left;
	display: inline;
}
 
.right, #right{
	float: right;
	display: inline;
}

URL: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.