¿Qué es el 'reset' CSS?

El CSS de 'Reset' es un conjunto de estilos que restablece los estilos predeterminados del navegador para los elementos HTML. Los navegadores aplican estilos predeterminados (por ejemplo, márgenes, tamaños de fuente, grosor de bordes), que pueden variar. El CSS de Reset hace que estos estilos sean uniformes, facilitando el desarrollo y asegurando la compatibilidad entre navegadores.

Las principales tareas del CSS de Reset:

• Eliminar márgenes y paddings predeterminados
• Restablecer estilos de encabezados
• Normalizar estilos de listas
• Restablecer estilos de campos de formulario
• Establecer box-sizing: border-box;, que a menudo se incluye en resets modernos para simplificar el cálculo de tamaños de los elementos.

Ejemplo de un fragmento simple de CSS de Reset:

/* Restablecer márgenes y paddings predeterminados */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Eliminar estilos predeterminados de listas */
ul, ol {
  list-style: none;
}

Existen varias implementaciones de CSS de Reset, como el CSS Reset de Eric Meyer, Normalize.css (que técnicamente no es un reset, sino un "normalizador" que mantiene estilos útiles pero los unifica) o soluciones más minimalistas.