2.2 Color y texto

Formas de escribir un color

color: crimson;              /* nombre */
color: #3366cc;              /* hexadecimal (rojo, verde, azul) */
color: rgb(51, 102, 204);    /* rojo, verde, azul (0-255) */
color: rgba(51, 102, 204, .5); /* con transparencia */
color: hsl(220, 60%, 50%);   /* tono, saturación, luminosidad */

• color: el color del texto. background-color: el del fondo.

Propiedades de texto

Propiedad	Ejemplo	Para qué
font-family	Arial, sans-serif	Tipo de letra (con alternativas)
font-size	16px, 1.2rem	Tamaño
font-weight	bold, 400, 700	Grosor
font-style	italic	Cursiva
line-height	1.5	Altura de línea
text-align	left, center, right, justify	Alineación
text-decoration	none, underline	Subrayado
text-transform	uppercase	Mayúsculas/minúsculas
letter-spacing	2px	Espacio entre letras

Unidades de medida

Unidad	Significado
px	Píxeles (fija)
%	Porcentaje del elemento padre
em	Relativa al tamaño de letra del elemento
rem	Relativa al tamaño de letra de la raíz (recomendada para textos)
vw / vh	1 % del ancho / alto de la ventana

Contraste

Comprueba que el texto se lee bien sobre el fondo (relación de contraste mínima 4,5:1). Hay verificadores gratuitos en línea.