← HTML + CSS Fundamentals

La tipografía guía la lectura

Combina font-family, font-size, font-weight, line-height y longitud de línea. Usa rem para que la escala respete preferencias del usuario; text-align controla la alineación.

La unidad ch aproxima el ancho de un carácter. Limitar un texto con max-width: 65ch evita líneas demasiado largas; un bloque con ancho limitado suele centrarse con margin-inline: auto o márgenes laterales automáticos.

El color de texto y el fondo deben mantener contraste suficiente. Reserva el acento para acciones o información destacada.

01

Color y tipografía

body { font-family: system-ui, sans-serif; line-height: 1.6; }
h1 { font-size: 2.5rem; }
p { color: #475569; }
Ahora te toca a ti
Usa lo que acabas de aprender.