CSS reset

Uso de !important en CSS Media queries CSS

Los navegadores aplican estilos por defecto a los elementos HTML, como márgenes en <body> o tamaños de fuente en <h1>. El objetivo de CSS reset es neutralizar estas diferencias y dar un punto de partida uniforme a los desarrolladores.

¿Por qué se necesita un reset?

Los diferentes navegadores usan estilos predeterminados distintos, lo que puede causar problemas al buscar consistencia. Una hoja de estilo reset ayuda a eliminar estas diferencias.

Este ejemplo muestra cómo establecer a cero los márgenes y paddings de todos los elementos, y definir box-sizing como border-box.

Reglas comunes de reset

El reset no solo elimina márgenes y paddings, sino también otros valores predeterminados, como los estilos de listas y enlaces.

Consejos para usar reset

Después de aplicar un archivo reset, resulta más sencillo personalizar los estilos. Algunas recomendaciones:

Aplica el reset siempre al inicio del proyecto para obtener una base uniforme.
Utiliza archivos modernos de reset o normalize.css si no quieres escribir todo manualmente.
No lo lleves al extremo: resetea solo lo que realmente sea necesario.