YUI CSS Reset

The educational technology and digital learning wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Yahoo! YUI CSS Reset

Yahoo has developed their own suggested YUI CSS Reset code for the purpose of reseting CSS in order to standardize rendering across browsers and neutralize inconsistent default styling of HTML elements in browsers' built-in stylesheets.

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

YUI CSS reset page

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