Lecciones con la etiqueta "maquetación"
En esta lección, aprenderemos a manejar el desbordamiento de contenido usando la propiedad overflow para ocultar contenido, y a utilizar text-overflow para mostrar puntos suspensivos cuando el texto no cabe en su contenedor.
Aprender sobre la superposición de elementos, así como la relación entre posicionamiento y superposición.
Aprender sobre los elementos flotantes y sus características.
Aprender sobre la relación entre el posicionamiento absoluto y relativo. Aprender a posicionar un elemento de forma absoluta con respecto a otro bloque.
Para diseñar un sitio web, es crucial detectar errores y ajustar bloques. Antes se hacía manualmente, pero ahora los navegadores como Chrome tienen herramientas de inspección. Veamos Chrome DevTools
Aprender sobre el curso de posicionamiento CSS.
Aprender cómo los navegadores muestran HTML y qué es el flujo normal del documento.
Aprender cómo sacar un elemento del flujo normal.
Aprender a utilizar el posicionamiento relativo y conocer sus características.
Aprender sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudiar las propiedades flex-shrink, flex-basis, flex.
Aprende sobre las formas de alinear elementos en el eje principal dentro de un contenedor flexible. Familiarízate con la propiedad justify-content.
Aprende sobre las formas de alinear elementos en el eje transversal dentro de un contenedor flexible. Familiarízate con la propiedad align-items.
Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia las propiedades order y align-self.
Aprende sobre el curso dedicado a Flex
Aprende sobre el concepto de Flex, sus ventajas y escenarios de uso.
Familiarizarse con los contenedores flex y las posibilidades de definir el eje principal para renderizar elementos.
Conoce una de las herramientas más poderosas para crear sitios web adaptables: las media queries.
Aprende sobre las formas de mover elementos dentro de un contenedor flex. Aprender a utilizar la propiedad flex-wrap.
Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia la propiedad Flex-grow.