Any suggestions about my reset?

yangyang · 05-06-2008, 06:53 PM

I'm trying to come up with a building starting point for my future CSS projects. The reset.css is actually a custom combined version of various popular reset.css from Eric Meyer and so forth.

Really want to listen to you about how can I make it better, more versatile and scalable. Just talk about what you'd do with your own.

global.css

Code:

@charset "utf-8";
@import "reset.css";



* {font-size:100.01%;overflow:hidden}
html {font:normal 62.5%/1.6 Arial, Verdana, Geneva, sans-serif}
body {font-size:1em;line-height:1.6}

reset.css

Code:

@charset "utf-8";
/* reset.css by yang yang v1.0 | 20080415 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,textarea,select {
	*font-size:100%;
}