Clase 7 | TEÓRICA: PATRONES MOBILE | HTML5 + CSS Intermedio: flex-box |

En la Teórica vimos:

  • http://catedraocampo.com.ar/vn10/
  • Patrones Mobile.
  • HTML5 + CSS: etiquetas semánticas: <body></body><header></header>, <section></section>, <article></article><footer></footer>.
  • Propiedad de CSS: FLEX-BOX.

 


FLEXBOX


La propiedad Flexible Box, o flexbox, de CSS3 es un modo de diseño que permite colocar los elementos de una página para que se comporten de forma predecible cuando el diseño de la página debe acomodarse a diferentes tamaños de pantalla y diferentes dispositivos. Para muchas aplicaciones, el modelo “caja flexible” produce una mejora sobre el modelo “bloque” porque no utiliza la propiedad float, ni hace que los márgenes del contenedor flexible interfieran con los márgenes de sus contenidos.

Muchos diseñadores verán que el modelo “caja flexible” es más sencillo de utilizar. Los elementos“hijos” de una “caja flexible” pueden colocarse en cualquier dirección y pueden tener dimensiones flexibles para adapterse al espacio visible. Posicionar los elementos “hijos” es más sencillo, y los diseños complejos pueden hacerse más fácilmente y con código más limpio, ya que el orden de visualización de los elementos es independiente del orden que estos tengan en el código fuente. Esta independencia afecta intencionadamente únicamente a la representación visual, dejando el orden de locución y navegación a lo que diga el código fuente.

 


 

 


Compartimos el archivo de presentación de la Teórica de Patrones


 

patrones

 Patrones mobile