Poner color con CSS

En esta lección darás el salto de «escribir texto» a «decidir cómo se ve», aplicando color al título y fondo a los párrafos.

CSS es el lenguaje que describe la apariencia. Se escribe como selector { propiedad: valor; }: el selector indica a qué elementos afecta, y dentro de las llaves van los ajustes. color cambia el color del texto y background el del fondo. Los colores se suelen indicar en hexadecimal, como #ff6fd8, aunque también valen nombres en inglés como red.

El código de ejemplo mete las reglas dentro de <style> y pinta de rosa todos los h1 y de lila el fondo de todos los p. Prueba a cambiar los códigos de color y a modificar el valor de padding.

Los fallos más comunes al empezar son olvidar el punto y coma al final de cada declaración y confundir color (el texto) con background (el fondo). Si algo no se aplica, revisa primero esas dos cosas.

En proyectos reales el CSS casi nunca va dentro del HTML: se guarda en un archivo aparte, como style.css, y se enlaza desde la página. Así una sola hoja de estilos define el aspecto de un sitio entero de cientos de páginas.