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
 
(One intermediate revision by the same user not shown)
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, [[CSS_compatibility|go back to CSS compatibility page]] on this wiki.
 
 
[[Category:CSS]]

Latest revision as of 15:25, 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 CSS compatibility page on this wiki.