Multimedia Universitat Oberta de Catalunya

Resets y normalizaciones CSS

César Córcoles

Resets

Para poder visualizar sin problema cualquier página, todos los navegadores tienen una hoja de estilos por defecto que aplican cuando un elemento no tiene definido un estilo (sea porque el maquetador no lo ha definido, sea porque no hay estilos definidos en la página).

A pesar de que las hojas de estilo por defecto de los diferentes navegadores son similares, las diferencias que hay entre ellos hacen recomendable definir unos estilos iniciales de manera que nos aseguremos de que si hay algún elemento para el que no hemos definido estilo, se verá igual independientemente del navegador (o más o menos, puesto que pesar de los estándares, actualmente los navegadores siguen aplicando algunos —pocos— estilos de maneras diferentes).

A la técnica de hacer esto poniendo márgenes, bordes y paddings a 0 (entre otras cosas) se le llama reset y diferentes autores proponen diferentes maneras de hacerlo, cada cual con sus ventajas e inconvenientes. Los más populares son el YUI CSS Reset y el Reset CSS de Eric Meyer. Un buen recurso que aglutina información sobre el tema es cssreset.com.

Normalizaciones

Con posterioridad a la aparición de los resets, se planteó la alternativa de, en lugar de anular los valores por defecto de los navegadores, conservar aquellos que resulten útiles, normalizándolos y corrigiendo errores e inconsistencias entre navegadores. Esta técnica se conoce como normalización.

La primera normalización de CSS fue Normalize.css, creado por Nicolas Gallagher y documentado en About normalize.css, que es también una buena explicación de las diferencias entre un reset y una normalización.

Como complemento al reset CSS de la YUI que hemos visto previamente también existe YUI CSS Base.


A Brief About CSS Reset and Normalize