CSS Reset

Me ha parecido interesante el planteamiento de Eric Meyer con su CSS Reset.

La idea es llevar hasta el extremo eso que muchos hacemos cuando empezamos a diseñar una hoja de estilo. Yo siempre pongo la siguiente regla la primera:

* {
  margin:0;
  padding:0;
}

El objetivo de esto es evitar que los márgenes que cada elemento html tiene en cada navegador me mareen cuando estoy diseñando. En algunos navegadores, los elementos h1 tienen un determinado margen superior. En otros navegadores este margen es distinto. Poniendo esta regla, me aseguro de que elimino estos margenes y me ahorro incompatibilidades. Si quiero un determinado margen en un elemento, lo pongo yo de modo consciente.

CSS Reset son una serie de reglas que hacen esto con todos los estilos: márgenes, tamaños de letra, alineaciones, etc. Se trata de eliminar completamente los estilos por defecto del navegador para empezar con una hoja en blanco sobre la que poder aplicar nuestros estilos sin que los estilos por defecto interfieran.