Quiz
Interfaces Recuperación
Create a free account to finish this quiz
Save your progress and see your final score.
Already have an account? Sign in
Questions in this quiz (19)
11. ¿Qué sucede cuando se usa grid-auto-flow: column dense en una cuadrícula de CSS?
- Aa. El flujo de los elementos sigue filas hasta llenar la cuadrícula.
- Bb. Se genera una nueva columna cada vez que no hay suficiente espacio.
- Cc. Los elementos se colocan en columnas y ocupan los espacios vacíos de manera densa.
- Dd. Los elementos se distribuyen en filas de manera densa.
22. ¿Qué define grid-template-rows: 1fr 2fr 1fr?
- Aa. Define tres columnas adicionales
- Bb. Ajusta el contenido de las 3 filas
- Cc. Añade márgenes entre filas
- Dd. Define una cuadrícula con tres filas, siendo la segunda fila el doble de alta
33. ¿Qué define la función repeat() en una cuadrícula de CSS?
- Aa. La cantidad de repeticiones entre filas
- Bb. La cantidad de repeticiones de una estructura
- Cc. La cantidad de áreas en la cuadrícula
- Dd. La altura de las filas
44. ¿Qué hace el valor dense en la propiedad grid-auto-flow en CSS Grid?
- Aa. Permite crear columnas adicionales automáticamente
- Bb. Establece la alineación de los elementos
- Cc. Coloca los elementos en la cuadrícula para minimizar el espacio vacío
- Dd. Cambia el tamaño de las pistas a auto
55. Si se define grid-template-columns: 1fr 2fr, ¿qué significa en CSS Grid?
- Aa. La primera columna ocupará el doble de espacio que la segunda
- Bb. La primera columna ocupará la mitad del espacio de la segunda
- Cc. Ambas columnas ocuparán el mismo espacio
- Dd. La primera columna ocupará el triple de espacio que la segunda
66. ¿Qué se logra con grid-template-rows: repeat(2, minmax(100px, auto)) en CSS Grid?
- Aa. Establece un tamaño fijo de 100px para cada fila
- Bb. Asegura que las filas sean siempre de tamaño automático
- Cc. Define dos filas que pueden aumentar de tamaño si el contenido es mayor a 100px
- Dd. Ajusta el tamaño de las filas para que ocupen todo el espacio
77. ¿Qué permite lograr grid-column-gap: 10px?
- Aa. Ajusta el tamaño de las columnas
- Bb. Añade un margen entre filas
- Cc. Establece un espacio de 10px entre columnas
- Dd. Cambia la altura de las filas
88. ¿Qué hace grid-column: 1 / span 3?
- Aa. Hace que el elemento abarque tres filas a partir de la primera
- Bb. Hace que el elemento se expanda hasta la columna 3
- Cc. Desde la columna 1 se expande hasta la 3
- Dd. Hace que el elemento abarque tres columnas a partir de la primera
99. ¿Qué valor de justify-content se debe utilizar en CSS Grid para centrar los elementos en el contenedor principal?
- Aa. center
- Bb. flex-start
- Cc. space-between
- Dd. stretch
1010. ¿En qué archivo definimos el nombre de nuestro nuevo template de WordPress?
- Aa. functions.php
- Bb. header.php
- Cc. style.css
- Dd. index.php
1111. ¿Qué propiedad en CSS Grid permite definir la cantidad mínima y máxima de filas o columnas que se generarán automáticamente?
- Aa. grid-template-areas
- Bb. grid-auto-rows
- Cc. grid-template-columns
- Dd. grid-auto-rows
1212. ¿Qué hace la siguiente línea grid-column: 2 / span 4?
- Aa. Desde la columna 1 se expande hasta la columna 4
- Bb. Hace que el elemento abarque desde la columna 2 hasta la columna 6
- Cc. Hace que el elemento abarque tres columnas a partir de la columna 2
- Dd. Hace que el elemento abarque una columna a partir de la columna 2
1313. ¿Una Grid Cell puede ser considerada una grid area?
- Aa. No.
- Bb. Sí.
1414. ¿Cuál es el efecto de justify-items: stretch en una cuadrícula?
- Aa. Centra los elementos horizontalmente dentro de su celda
- Bb. Estira los elementos verticalmente para llenar la altura de la celda
- Cc. Estira los elementos para llenar todo el espacio disponible de la celda
- Dd. Cambia la alineación de los elementos según el contenido de la celda
1515. ¿Cuál es el efecto de grid-auto-columns: min-content en CSS Grid?
- Aa. Cambia el tamaño de columnas generadas automáticamente al mínimo contenido
- Bb. Define áreas en la cuadrícula
- Cc. Cambia la altura de las filas
- Dd. Ocupa todo el espacio restante en el contenedor
1616. ¿Qué valor de grid-template define una cuadrícula con dos filas y tres columnas?
- Aa. grid-template: 1fr 1fr / 1fr 1fr 1fr;
- Bb. grid-template: "a a a" "b b b";
- Cc. grid-template: 1fr 1fr / 1fr 1fr;
- Dd. grid-template: 1fr 1fr 1fr / 1fr 1fr;
1717. Si se aplica align-items: stretch a una cuadrícula, ¿qué ocurre con los elementos de la cuadrícula?
- Aa. Los elementos se alinean al principio de la cuadrícula
- Bb. Los elementos se alinean al final de la cuadrícula
- Cc. Los elementos se estiran verticalmente para ocupar todo el espacio de la celda
- Dd. Los elementos se alinean en el centro de la cuadrícula
1818. ¿Para qué sirve la propiedad align-content en una cuadrícula CSS Grid?
- Aa. Ajustar la alineación de los elementos dentro de sus celdas
- Bb. Ajustar la alineación de las filas dentro del contenedor de la cuadrícula
- Cc. Ajustar la alineación de las columnas dentro del contenedor de la cuadrícula
- Dd. Establecer el tamaño de las filas en la cuadrícula
1919. ¿Cuál es la función principal de grid-template-areas en CSS Grid?
- Aa. Asignar nombres de área a elementos específicos de la cuadrícula
- Bb. Definir el número de filas y columnas en la cuadrícula
- Cc. Asignar valores a las celdas de la cuadrícula
- Dd. Establecer la alineación de los elementos dentro de la cuadrícula
Information
- Description
- Quiz on Interfaces Recuperación , created by Marta Gonzalez on 10/12/2024.
- Author
- Marta Gonzalez
- Language
- Español
- Views
- 1
- Tags
- Rating
- No ratings yet Rate this quiz