Del curso: Integración HTML y CSS avanzado
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 24.200 cursos impartidos por expertos del sector.
CSS3: creación de rejillas de contenidos mediante Flexbox
Del curso: Integración HTML y CSS avanzado
CSS3: creación de rejillas de contenidos mediante Flexbox
Tradicionalmente la creación de rejillas de elementos, de listados de elementos colocados todos como una parrilla, se hacía utilizando las distintas posibilidades que nos daba la propiedad display. Por ejemplo, si yo quería que los distintos elementos ocupasen cada uno una línea, pues se utilizaba display: block. Si quería que se fuesen rellenando las líneas con el ancho de cada uno de esos elementos propio, de tal manera que cupiesen más o menos dependiendo de sus anchos, bueno, pues para eso se utilizaba display: inline-block. Esto, combinado con otras propiedades, me permitía pues hacer otro tipo de efectos, por ejemplo, si todos ellos tienen el mismo ancho, pues me crearía una especie de retícula. De todas formas, esta forma de, este modo de trabajar era bastante limitado y bastante complejo. Por ejemplo, era bastante más difícil conseguir que apareciesen en varias columnas, y que se ordenasen verticalmente o, por ejemplo, pues también era bastante más complicado modificar el…
Practica mientras aprendes con los archivos de ejercicios.
Descarga los archivos que el instructor utiliza para enseñar el curso. Sigue las instrucciones y aprende viendo, escuchando y practicando.
Contenido
-
-
-
-
-
-
(Bloqueado)
CSS3: creación de rejillas de contenidos mediante Flexbox5 min 19 s
-
(Bloqueado)
Conseguir los mismos efectos con Flexbox que con CSS4 min 6 s
-
(Bloqueado)
Masonry layouts verticales mediante CSS basados en Flexbox3 min 31 s
-
(Bloqueado)
Controlar el orden de los elementos mediante Flexbox2 min 16 s
-
(Bloqueado)
Otras aplicaciones del Flexbox2 min 34 s
-
(Bloqueado)
-