CSS reset
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.
✨ Pregunta a Lara — tu compañera de estudio con IA
Desbloquea soporte de aprendizaje personalizado. Lara puede explicar lecciones, resumir temas y responder tus preguntas — disponible desde el plan Go y superiores.
Lara te ayuda a aprender más rápido — exclusivo para los miembros ReadyTools Go, Plus y Max.
