Remove margins and paddings

• Remove margins and paddings from the block level elements before styling
• Don’t forget to comment your css
• IDs are unique, CLASSES can be repeated
• “divitus” ; Too many divs kill the div
• HTML and CSS validation
• Minimal css hacks ; keep it simple
• Back to tips corner

When you are aiming for cross-browser support, doing lots of positioning and/or want a pixel-perfect layout.

Some browsers have a default padding and margin for certain elements/tags, like for the <h1> or <p> or <ul>. The simplest way to overcome such a problem before even starting styling your document is to use the following code:

* {
margin:0;
padding:0;
}

The asterisk is a universal selector that sets /all/ elements to 0.