Quiz sobre Propiedades de Posicionamiento en CSS

¿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