54. Lenguaje de marcas HTML/CSS¶

55. STYLE CSS¶

Para comenzar una buena wee: mdn .

55.1 MODELOS DE CAJAS¶

En mdn modelo de caja .

Algunos enlaces: * Ejemplo

55.1.1 Flexbox¶

Seguir esta web

Flexbox es un módulo completo que incluye varios puntos incluidos un conjunto de propiedades.

Algunas propiedades se aplican al contenedor padre, llamado flex container y otras a los hijos (flex items ).

El diseño "flex" se basa en el “flex-flow directions” Observando la siguiente figura:

.

La dirección se basa en el eje principal de principio a fin o viceversa y el eje cruzado. * main axis. depende de la propiedad flex-direction puede ser horizontal o vertical. * main-start , main-end los flex-items se colocan de main-start hasta main-end. (continuar)

55.1.1.1 Propiedades flex box¶

Para el contenedor: * display * flex-direction * flex-wrap * flex-flow . abreviatura pra flex-direction y flex-wrap * justify-content * align-items * align-content * gap, row-gap, column-gap

Propiedades para los flex-items * order * flex-grow * flex-shrink * flex-basis * flex * align-self