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, and margin collapsing, or the initial, computed, resolved, specified, used, and actual values. Definitions of value syntax, shorthand properties and replaced elements.