Eric's Reset Reloaded: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
No edit summary
mNo edit summary
Line 53: Line 53:
[http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ Click here for the original website for this CSS reset]
[http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ Click here for the original website for this CSS reset]


For more detailed information on other solutions to browser inconsistencies, go back to the [http://edutechwiki.unige.ch/en/CSS_compatibility CSS compatibility] page on this wiki.
For more detailed information on other solutions to browser inconsistencies, go back to the [[CSS_compatibility|Go back to CSS compatibility page]] page on this wiki.
 
 
[[Category:CSS]]

Revision as of 15:24, 12 December 2011

Eric's CSS Reset code is a popular choice. Resetting CSS is suggested in order to standardize rendering across browsers and neutralize inconsistent default styling of HTML elements in browsers' built-in stylesheets.

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: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
: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: "" "";
}


Click here for the original website for this CSS reset

For more detailed information on other solutions to browser inconsistencies, go back to the Go back to CSS compatibility page page on this wiki.