Skip to content

MollyGreace/CSS-Positioning101

Repository files navigation

Ejercicios de Positioning 101

Se verán ejercicios con un menú principal donde se tiene que elegir el ejercicio a visualizar. Esto le redireccionará a otra página donde se verá el contenido de cada ejercicio.

  • A: Se verán 3 bloques de colores. Pero con position: static
  • B: Se verán 3 bloques de colores. Pero con position: relative
  • C: Severán 3 bloques de colores con position: relative, pero con una ligero movimiento del bloque medio.
  • D: Los cubos ordenados y juntos, en forma de 'L' invertida.
  • E: Ahora tenemos 4 cubos uno en cada esquina de la pantalla.
  • F: Esos mismos cubos del ejemplo anterior tienen ahora un pequeño cubo en el centro de cada uno.
  • G: Ahora son sólo 02 cubos pero extendidos sobre toda la pantalla.
  • H: 02 cubos formando columnas de 02 colores en toda la pantalla.
  • H2: 02 cubos juntos pero uno de ellos con una ligera alineación de izquierda hacia el centro.
  • H3: 02 cubos superpuestos uno sobre otro donde parte del cubo de al fondo se oculta por el cubo frontal.
  • I: plantilla de página web, con un footer con position: fixed.
  • J: plantilla de página web con más estilos en CSS. Un menú con hover, un footer: fixed, etc..

About

Ejemplos de layouts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published