Basic Visual Formatting in CSS

Breve monografía de O'Reilly (unas 72 páginas) en la que Eric A. Meyer, una de las grandes autoridades en CSS, explica cómo el navegador dispone visualmente los elementos en la página. Es un extracto adelantado de la cuarta edición de CSS: The Definitive Guide y se basa en el estándar CSS2.1/CSS3 vigente en 2015. Está dirigido a desarrolladores que ya escriben CSS y quieren entender a fondo por qué los elementos se colocan y miden como lo hacen.

El libro trata los tipos de caja que genera cada elemento (block, inline, inline-block, list-item y run-in) y cómo cambiarlos con display. Explica el formateo horizontal y vertical de las cajas de bloque: cálculo de anchos y altos, márgenes, márgenes automáticos y colapso de márgenes. También detalla el formateo en línea: line boxes, inline boxes, leading, line-height y alineación vertical, y las diferencias entre elementos reemplazados (como imágenes) y no reemplazados.

Es un texto puramente conceptual, sin proyectos ni ejercicios, pero muy valioso para dejar de «pelearse» con el CSS y comprender la lógica del modelo de formateo visual que sirve de base a todo lo demás. No aborda Flexbox ni Grid, que se tratan en otros títulos de la misma serie, y su contenido quedó integrado más tarde en la cuarta edición de la guía completa. Es recomendable para quien ya tiene práctica con CSS y quiere una base teórica sólida.