Hace tiempo publicamos nuestro propio Reset CSS, y debido a la gran fama que ha cogido desde entonces en nuestro Blog, hemos decidido seguir desarrollando el concepto.
Hicimos un Reset CSS que ponía todo por defecto, como bien nos recomienda la W3C, pero algunas personas necesitan y esperan, algo más que sólo eso de un Reset CSS.
Normalmente me refiero a personas que ya tienen un determinado nivel de CSS, y quieren “resetear” ellos más a su gusto, y por lo tanto necesitan un “reseteo inicial” más profundo, más radical, más allá de lo que la W3C les recomienda, yo lo he llamado: Total Reset CSS v1.0.
Mientras el Reset original lo resetea todo por Defecto, el Total Reset CSS v1.0 va más allá de eso, y lo resetea todo a cero absoluto, y por lo tanto, requiere inevitablemente de un diseñador web experimentado, que puntualice posteriormente cada uno de los atributos de estilo a su gusto. Eso sí, con la tranquilidad de que no le molestará ningún atributo puesto anteriormente por defecto :-)
El código del Total Reset:
/*
Total Reset CSS v1.0/06/2009
By Objetivo Creativo
http://www.objetivocreativo.com
*/
* {
margin: 0;
padding: 0;
outline: 0;
border: 0;
display: inline;
vertical-align: baseline;
background: transparent;
color: black;
font: normal 1em/1.2 Helvetica, Arial, sans-serif;
text-align: left;
text-decoration: none;
text-indent: 0;
line-height: normal;
letter-spacing: normal;
white-space: normal;
}
:focus { outline: none; }
- Lo he colgado aquí
P.D: Se puede usar sólo, o en combinación con el Reset original. Eso sí, en caso de usarlo en combinación, acordaros de cargar el “Total Reset” en segundo lugar…
Hasta la próxima ;)
Otros artículos relacionados:
3 Respuestas a “Total Reset CSS v1.0”
Juanjo, tengo un inconveniente con el codigo. Cuando puse la linea en estilos.css:
*{margin:0;padding:0}
se solucionó el problema del iexplorer y el firefox, pero cuando quito la linea y coloco el enlace en head del index.html hacia reset.css, vuelve a desconfigurarse. Nose que hago mal espero me des una mano con ésto
Gracias :)
@Carlos: Ese Reset tiene declarado algunos márgenes por Defecto, si quieres quitarlos tienes que mantener tu línea de *{margin:0;padding:0;}
Puedes usar el Reset y usar esa línea a la vez si así lo necesitas. Asegúrate de declararla después de anidar el Reset y no antes.
Si todavía no te sale, puedes enviarme el html por correo y te lo miro ;) Lo puedes enviar a: correo(arroba)objetivocreativo.com
Salu2!
Gracias por la pronta respuesta Juanjo, te lo envío al correo :)