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

@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

@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%;
}

I wouldn't include absolutely every page element because you won't use them on all every project and so you're just bloating your code and increasing download size and time. If you become familiar enough with CSS, it really doesn't take that long to create a file from scratch. What I recommend instead is coming up with a common naming and sticking to it. IMO, that'll be far more useful than this.

I wouldn't include absolutely every page element because you won't use them on all every project and so you're just bloating your code and increasing download size and time. If you become familiar enough with CSS, it really doesn't take that long to create a file from scratch. What I recommend instead is coming up with a common naming and sticking to it. IMO, that'll be far more useful than this.

Of course not every element is necessary for a reset, I'm just constructing this in a full-around manner. =)

Been using it for a couple of weeks and worked out pretty nice.

What's the point of such a thing?