CSS Reset

Do you think that Eric goes too far with his CSS reset? I need only a one simple reset for my designs. Can you tell me what are best practices and tips for creating them? Thanks.

P.S. Why we cant use only * { margin:0; padding:0; } ?

I always look at what I’m building first:

- Do the links have underlines? - Do we need borders and stuff? - etc.

Then I’ll knock up something like this:

• { margin: 0; padding: 0; border: none; outline: none; text-decoration: none; }

Mind you, if you’re planning on using del or ins (because we don’t use strike anymore, do we? :D), then you’ll need to redefine it in your CSS .

Most of the time, I’ll use a simple:

* {
  margin: 0;
  padding: 0;
}

Other times, I’ll use the Reset & Font CSS files included in 960gs since they work good.

I use

/* reset */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

I use /* reset / *html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

Why html and body are here? Isnt html enough? I mean body is inside html so what we have to change here? I know a bit stupid question but…

I sometimes use eric’s, but yes, he goes too far. I think a more simpler solution will suffise too (that’s why I often use my own, which looks an awful lot like TwinCircuits’

I’ve developed my own ‘mashup’ css framework in which i can plug in different sections to expand where neccessary.

It includes things such as layouts, colours, a reset, etc.

It’s fairly lightweight, and combines 960.gs, Blueprint, Erics reset, etc.

It’s always fun, and good to create your own – as you learn from it, and also you can use it in your projects too.

Thanks guys.