Scribd
Cargar
13 vistas

Help of WD

Cargado por

Nelson Enrique Bessone Madrid
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
13 vistas

Help of WD

Cargado por

Nelson Enrique Bessone Madrid
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

Flexbox nos brindó un montón de nuevas herramientas increíbles para

diseñar una página web. Compare estas técnicas con lo que pudimos
hacer con los flotadores , y debería quedar bastante claro que flexbox es
una opción más limpia para diseñar sitios web modernos:

● Úselo display: flex;para crear un contenedor flexible.


● Úselo justify-contentpara definir la alineación horizontal de los
elementos.
● Úselo align-itemspara definir la alineación vertical de los elementos.
● Usar flex-direction si necesita columnas en lugar de filas.
● Utilizar el row-reversecolumn-reverse valores o para cambiar el orden
de los artículos.
● Usar order para personalizar el orden de los elementos
individuales.
● Usar align-self para alinear verticalmente elementos individuales.
● Usar flex para crear cajas flexibles que se puedan estirar y
encoger.

Recuerde que estas propiedades de flexbox son solo un lenguaje que le


permite decirle a los navegadores cómo organizar un montón de
elementos HTML. La parte difícil no es en realidad escribir el código HTML
y CSS, es averiguar, conceptualmente (en una hoja de papel), el
comportamiento de todos los cuadros necesarios para crear un diseño
determinado.

Cuando un diseñador le entrega una maqueta para implementar, su


primera tarea es dibujar un montón de cajas y determinar cómo se supone
que deben apilarse, estirarse y encogerse para lograr el diseño deseado.
Una vez que haya hecho eso, debería ser bastante fácil codificarlo usando
estas nuevas técnicas de flexbox.

El modo de diseño de flexbox debe usarse para la mayoría de sus páginas


web, pero hay algunas cosas en las que no es tan bueno, como ajustar
suavemente las posiciones de los elementos y evitar que interactúen con
el resto de la página. Después de cubrir este tipo de técnicas avanzadas
de posicionamiento en el próximo capítulo, será un experto en
posicionamiento HTML y CSS.

También podría gustarte