WorksheetsQuiz sobre Propiedades de Posicionamiento en CSS
Total questions: 20
Worksheet time: 10mins
¿Cuál es el valor predeterminado de la propiedad position en CSS?
fixed
absolute
relative
static
¿Qué efecto tienen las propiedades top, left, right y bottom en un elemento con position: static?
Lo hacen pegajoso
Fijan el elemento
No tienen efecto
Desplazan el elemento
¿Cómo se comporta un elemento con position: relative?
Se queda fijo en la ventana del navegador
Se comporta como un elemento estático
Se pega al desplazarse
Se posiciona en relación a su posición original
¿Qué sucede si se definen tanto left como right en un elemento con position: relative?
No tiene efecto
Domina left
Domina right
Ambos se ignoran
¿En qué se basa la posición de un elemento con position: absolute?
En el tamaño del elemento
En el flujo normal del documento
En su contenedor más cercano que no tenga position: static
En la ventana del navegador
¿Qué efecto tienen las propiedades top, left, right y bottom en un elemento con position: fixed?
Funcionan independientemente del contenedor
Fijan el elemento en su posición original
Desplazan el elemento en relación a su contenedor
No tienen efecto
¿Qué hace un elemento con position: sticky cuando se hace scroll?
Se queda en su posición original
Se comporta como fixed
Se comporta como static
Se desplaza con el scroll
¿Qué se necesita para que un elemento sticky funcione correctamente?
Un contenedor con position: static
Un contenedor con position: absolute
Un contenedor con suficiente altura
Un contenedor sin altura
¿Cuál es una recomendación para usar position: relative?
Para elementos que deben ser absolutos
Para fijar elementos en la ventana
Para ajustar pequeños desplazamientos
Para ajustar grandes desplazamientos
¿Por qué se debe evitar el uso de position: fixed en dispositivos móviles?
Puede afectar la usabilidad
No se puede usar en móviles
No tiene efecto en móviles
Es la mejor opción para móviles
¿Qué sucede si un elemento sticky está dentro de un contenedor pequeño?
Se pega en toda la página
No se pega en absoluto
Se pega solo dentro del contenedor
Se comporta como fixed
¿Qué propiedad se utiliza para posicionar un elemento en relación a su contenedor más cercano?
position: relative
position: static
position: fixed
position: absolute
¿Qué efecto tiene position: sticky en un elemento cuando se alcanza su posición definida?
Se comporta como relative
Se comporta como absolute
Se comporta como static
Se comporta como fixed
¿Qué propiedad se debe evitar en elementos que dependen del flujo del documento?
position: sticky
position: relative
position: static
position: absolute
¿Qué se debe considerar al usar elementos sticky?
La visibilidad del elemento
La posición del elemento
El color del elemento
El tamaño del contenedor
¿Qué propiedad se utiliza para hacer que un elemento se desplace con el scroll de la página?
position: sticky
position: relative
position: fixed
position: absolute
¿Qué sucede con un elemento con position: absolute si no hay un contenedor padre con position: relative?
Se posiciona en relación a la ventana del navegador
Se ignora completamente
Se comporta como static
Se posiciona en relación al flujo del documento
¿Cuál es la diferencia principal entre position: relative y position: absolute?
relative se basa en el flujo del documento, absolute no
absolute se basa en el flujo del documento, relative no
relative es más rápido que absolute
absolute es más fácil de usar que relative
¿Qué efecto tiene position: fixed en un elemento cuando se hace scroll?
Se comporta como relative
Se comporta como absolute
Se queda en la misma posición en la ventana
Se comporta como static
¿Qué propiedad se utiliza para hacer que un elemento se mantenga visible en la parte superior de la ventana al hacer scroll?
position: sticky
position: fixed
position: relative
position: absolute
