CSS: La Guía Definitiva, 5ª Edición

Capítulo 6. Formato visual básico

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Probablemente hayas experimentado en la frustración de que el diseño que querías no se muestre como esperabas. Después de añadir 27 reglas de estilo para conseguirlo perfecto, es posible que aún no sepas qué regla resolvió tu problema. Con un modelo tan abierto y potente como el que contiene CSS, ningún libro podría aspirar a cubrir todas las formas posibles de combinar propiedades y efectos. Sin duda, descubrirás nuevas formas de utilizar CSS. Sin embargo, con un conocimiento profundo de cómo funciona el modelo de renderizado visual, estarás mejor capacitado para determinar si un comportamiento es una consecuencia correcta (aunque inesperada) del motor de renderizado que define CSS.

Cajas básicas

En su núcleo, CSS asume que cada elemento genera una o más cajas rectangulares, llamadas cajas de elemento. (Es posible que futuras versiones de la especificación permitan formas no rectangulares, y de hecho se han propuesto cambios, pero por ahora todas las cajas siguen siendorectangulares).

Cada caja de elemento tiene un área de contenido en su centro. Esta área de contenido está rodeada de cantidades opcionales de relleno, bordes, contornos y márgenes. Estas áreas se consideran opcionales porque todas ellas podrían tener un tamaño 0, eliminándolas de hecho de la caja del elemento.La Figura 6-1 muestra un ejemplo de área de contenido, ...