En los navegadores web, cada elemento HTML tiene unos atributos de estilo CSS predeterminados por defecto.
El consorcio W3C publicó una recomendación según la cual los diferentes agentes de usuario debían adoptar un valor por defecto para cada propiedad CSS, pero algunos navegadores hicieron caso omiso a estas indicaciones, por lo que en ocasiones estos atributos causan problemas a la hora de crear un sitio cross-browser (que se visualize correctamente en todos los navegadores).
Por ese motivo, los diseñadores web se han visto obligados a recurrir al uso de unas hojas de estilo en cascada (CSS, Cascading Style Sheet) denominadas Reset CSS, cuyo propósito es establecer definiciones para aquellas propiedades de estilo problemáticas, intentando así minimizar las diferencias visuales que se producen al mostrar una misma página web en diferentes navegadores, cuyos valores por defecto no siempre siguen la recomendación del W3C.
Las hojas Reset CSS sirven para resetear los estilos empleados en una página web, anulando los valores por defecto del navegador, obligando así al diseñador a declarar expresamente todas las propiedades de estilo en cada uno de los lugares donde sea necesario, sin dejar ese aspecto a decisión del navegador, unificando de esta manera la visualización de la página entre navegadores y minimizando por tanto, las diferencias visuales entre ellos.
Reseteo CSS genérico
La mayoría de diseñadores web suelen declarar un reseteo CSS genérico al comienzo de sus hojas de estilo utilizando el selector universal de CSS representado por un asterisco (*), de tal manera que todos los elementos contenidos en el HTML carecerán de márgenes, relleno y bordes:
* { padding: 0; margin: 0; border: 0; } |
Algunos Reset CSS famosos
Veamos algunos Reset CSS famosos:
- Reset CSS de Yahoo! UI Library (developer.yahoo.com)
Descargar fichero CSS: yahoo-reset.css - Reset CSS del diseñador web Eric Meyer (meyerweb.com)
Descargar fichero CSS: eric-meyer-reset.css - Reset CSS del framework CSS Blueprint (blueprintcss.org)
Descargar fichero CSS: blueprint-reset.css