
Colors Backgrounds and Gradients
Eric A. Meyer
- Editorial
- O'Reilly
- Año
- 2015
- Páginas
- ~112
- Nivel
- Intermedio
De qué trata
Libro breve de Eric A. Meyer, publicado por O'Reilly en 2015 como adelanto de la cuarta edición de «CSS: The Definitive Guide». Se ocupa de una sola área de CSS, la de colores, fondos y degradados, tal como estaba en CSS3 y en los módulos Backgrounds and Borders e Image Values de la época. Está pensado para maquetadores y desarrolladores de nivel intermedio que ya escriben CSS con soltura y quieren entender a fondo cómo funcionan estas propiedades, más allá de copiar fragmentos.
El único capítulo tiene tres bloques. El primero trata del color de primer plano con la propiedad color: cómo afecta a los bordes y a los elementos de formulario y cómo se hereda. El segundo, dedicado a los fondos, es el más extenso: background-color, recorte con background-clip, imágenes de fondo y por qué no se heredan, posicionamiento con palabras clave, porcentajes y longitudes (incluido el cambio de borde de referencia), la caja de posicionamiento (background-origin), repeticiones con los valores space y round, fondos fijos al viewport con background-attachment, tamaño con background-size (cover y contain), la propiedad abreviada background y los fondos múltiples. El tercero cubre los degradados lineales y radiales: paradas de color, la geometría detallada de la línea y del rayo del degradado, forma y tamaño de los radiales, casos degenerados y degradados repetitivos.
No trae proyectos ni ejercicios. Funciona como un capítulo de referencia muy minucioso, con muchos ejemplos visuales que se pueden reproducir en el navegador, como focos de luz o sombras circulares hechos con radial-gradient. Su fuerte es la precisión: explica los casos límite que casi ningún tutorial toca. Hay que tener en cuenta que es anterior a funciones de color más recientes como hsl() con sintaxis moderna, lab(), color-mix() y conic-gradient(). Tampoco cubre filtros ni modos de fusión, que quedan para otros títulos de la misma serie.
- CSS3
- color
- Fondos
- background-position
- background-size
- background-clip
- Fondos múltiples
- linear-gradient
- radial-gradient
- Degradados repetitivos
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✗ Sin proyectos

