Reset CSS: eliminar las reglas CSS por defecto de los navegadores

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:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>