Skip to content

omiras/posicionamiento-css-PIMEC

Repository files navigation

Posicionamiento CSS

Los siguientes ejercicios van sobre el posicionamiento CSS. Consulta este enlace para ver diferentes ejemplos.

Instrucciones

  1. Forkea el repo
  2. Clonar el repo
  3. Realizar los cambios demandados
  4. Commitear y pushear los cambios cada vez que consigas un ejercicio

Flotacion

  1. Define un DIV para cada caja. Dale estilos hasta que te queden un conjunto de cajas en vertical. Luego, usa adecuadamente float para hacer que todas la cajas floten a la izquierda. Revisad este enlace screencapture-mclibre-org-consultar-htmlcss-ejercicios-posicionamiento-flotante-oscar-wilde-oscar-wilde-formateado-html-2023-09-27-08_30_56

Posicionamiento-absoluto

  1. Coloca la estrellita encima de Mario. SOLAMENTE hay que añadir algunas propiedades a los selectores adecuados, no tocar el HTML.
  2. Cuando lo consigas, haz más pequeño el viewport(haz más pequeña la ventana del navegador), y comprueba si tu código sigue funcionando

Demo

Posicionamiento-fixed

  1. El header superior tiene un posicionamiento fixed . Fíjate en este vídeo cómo debe quedar. screencapture-mclibre-org-consultar-htmlcss-ejercicios-posicionamiento-fijo-software-libre-2-software-libre-2-formateado-html-2023-09-27-08_02_56

Posicionamiento-sticky

  1. Tan solo debes modificar la regla css img.sticky. Fíjate en el vídeo. La imagen debe quedarse enganchada aproximadamente en el punto que se muestra en este video

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages