CSS Floating

Guía corta de 48 páginas publicada por O'Reilly en 2016, otro adelanto de la cuarta edición de «CSS: The Definitive Guide» de Eric A. Meyer. Explica a fondo cómo funcionan los elementos flotantes en CSS y el módulo CSS Shapes, que entonces era la novedad: permite que el texto rodee formas no rectangulares. Va dirigida a desarrolladores de nivel intermedio que ya usan float pero quieren entender sus reglas exactas en lugar de recurrir a trucos.

La primera parte detalla qué ocurre al hacer flotar un elemento, sea una imagen, un párrafo o una lista. Expone las reglas formales que rigen la colocación de los flotantes, cómo se aplican en la práctica, cómo interactúan con el contenido que los rodea y cuándo se solapan, además de excepciones como los márgenes negativos. Luego explica la propiedad clear para que los flotantes no afecten a los elementos siguientes. La segunda parte cubre las formas de flotación con shape-outside: formas inset con esquinas redondeadas, círculos, elipses y polígonos. También muestra cómo definir la forma a partir de la transparencia de una imagen (shape-image-threshold) y cómo añadir un margen alrededor de la forma (shape-margin).

Es un único capítulo con muchos ejemplos visuales, sin ejercicios ni proyectos. Su valor está en la parte de CSS Shapes, poco tratada en otros libros, que permite composiciones de tipo editorial como texto que rodea una silueta o un círculo. Conviene saber que, desde que existen flexbox y grid, float ya no se usa para maquetar páginas. Este libro tiene sentido sobre todo para su uso original, que el contenido fluya alrededor de elementos, y para entender código heredado.