Layout mode
Un modo de diseño CSS(CSS layout mode), a veces simplemente llamado "layout", es un algoritmo que determina la posición y tamaño de cajas basado en la forma en la que interactúan con sus (elementos) hermanos y padres. Hay varios de ellos:
- El block layout, diseñado para presentar documentos. El block layout contiene características de documento-centrado, como la capacidad de flotar(float) elementos o distribuirlos en múltiples columnas.
- El inline layout, diseñado para presentar texto.
- El table layout, diseñado para presentar tablas.
- El positioned layout, diseñado para posicionar elementos sin demasiada interacción con otros elementos.
- El flexible box layout, diseñado para presentar páginas complejas que pueden redimensionarse de forma fluida.
- El grid layout, diseñado para presentar elementos relativos a una cuadrícula fija (fixed grid).
Nota: No todas las propiedades CSS aplican a todos los modos de diseño. La mayoría de ellos aplican a uno o dos de ellos y no tienen efecto si se configuran en un elemento que es parte de otro modo de diseño.
Ver También
- CSS Key Concepts: CSS syntax, at-rule, comments, specificity and inheritance, the box, layout modes and visual formatting models (en-US), and margin collapsing, or the initial, computed, resolved, specified, used (en-US), and actual values. Definitions of value syntax, shorthand properties and replaced elements.