Aprende por qué reset/normalize debe ir al principio del proyecto y cómo usar referencias modernas para empezar con una base CSS consistente.
Cada navegador aplica estilos base distintos; reset y normalize reducen esas diferencias desde el primer minuto del proyecto.
Reset te da control total y Normalize conserva valores útiles, corrigiendo inconsistencias frecuentes entre motores.
Esta capa debe colocarse al principio de tu CSS global para estabilizar tipografía, espaciado y box model antes de maquetar componentes.
Tomar esta decisión al inicio evita regresiones y simplifica el mantenimiento cuando el sistema de diseño crece.
Mismo objetivo, dos estrategias complementarias para arrancar bien.
Un reset elimina la mayor parte de estilos por defecto, por lo que tú defines el comportamiento visual desde cero.
Normalize mantiene defaults razonables (por ejemplo, en encabezados y formularios) mientras corrige diferencias entre navegadores.
A nivel de arquitectura, reset/normalize debe cargarse al principio de la hoja global, antes de componentes y utilidades.
En aprendizaje también conviene verlo al inicio, porque evita que estilos del user agent confundan temas posteriores de layout y tipografía.
Aprende por qué reset/normalize debe ir al principio del proyecto y cómo usar referencias modernas para empezar con una base CSS consistente.
Código del tema: display: grid; gap: 1rem;
Mismo objetivo, dos estrategias complementarias para arrancar bien.
Un reset elimina la mayor parte de estilos por defecto, por lo que tú defines el comportamiento visual desde cero.
Normalize mantiene defaults razonables (por ejemplo, en encabezados y formularios) mientras corrige diferencias entre navegadores.
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}A nivel de arquitectura, reset/normalize debe cargarse al principio de la hoja global, antes de componentes y utilidades.
En aprendizaje también conviene verlo al inicio, porque evita que estilos del user agent confundan temas posteriores de layout y tipografía.
Contextualiza reset y normalize dentro de una estrategia de capas de estilos.
