WorksheetsDIW2
Total questions: 74
Worksheet time: 37mins
Name
Class
Date
1.
¿Qué propiedad CSS se utiliza para restablecer el comportamiento de los bordes de los elementos?
a)
box-sizing
b)
border
c)
padding
d)
margin
2.
¿Qué se utiliza para centrar el logo en el encabezado de una página web?
a)
margin: 0 auto
b)
text-align: center
c)
padding: 10px
d)
display: flex
3.
¿Cómo se evita que una lista en el encabezado tenga viñetas?
a)
list-style-type: none
b)
display: inline-block
c)
font-weight: bold
d)
text-decoration: none
4.
¿Qué propiedad se utiliza para crear un fondo de imagen que permanezca fijo al hacer scroll?
a)
background-size: cover
b)
background-attachment: fixed
c)
background-position: center
d)
background-repeat: no-repeat
5.
¿Cuál es la propiedad que ajusta el tamaño de la fuente en función del tamaño de la pantalla?
a)
font-size
b)
font-family
c)
media queries
d)
letter-spacing
6.
¿Qué propiedad CSS se utiliza para aplicar márgenes a los elementos?
a)
margin
b)
padding
c)
border
d)
box-shadow
7.
¿Cómo se elimina el subrayado de un enlace?
a)
text-decoration: none
b)
display: inline
c)
color: inherit
d)
font-weight: normal
8.
¿Qué propiedad CSS permite controlar la alineación de texto?
a)
text-align
b)
line-height
c)
font-size
d)
letter-spacing
9.
¿Qué propiedad CSS sirve para controlar el espaciado entre los elementos dentro de un contenedor?
a)
padding
b)
margin
c)
border
d)
gap
10.
¿Qué propiedad CSS se usa para establecer el color de fondo de un elemento?
a)
color
b)
background-color
c)
background-image
d)
background-position
11.
¿Qué unidad de medida es recomendada para hacer un diseño flexible y escalable en CSS?
a)
px
b)
em
c)
rem
d)
vw
12.
¿Qué propiedad CSS se utiliza para hacer que un elemento ocupe el 100% de su contenedor?
a)
height: 100%
b)
width: 100%
c)
position: absolute
d)
display: block
13.
¿Qué significa la propiedad display: flex?
a)
Hace que el elemento sea flexible y se ajuste según el tamaño del contenedor
b)
Hace que el elemento se alinee horizontalmente
c)
Cambia el color del texto
d)
Ajusta el tamaño de los bordes de los elementos
14.
¿Cómo se define el tamaño de la fuente con respecto a la raíz del documento?
a)
font-size: 16px
b)
font-size: 1rem
c)
font-size: 1em
d)
font-size: 10%
15.
¿Qué propiedad CSS se usa para controlar el borde de los elementos?
a)
padding
b)
border
c)
margin
d)
outline
16.
¿Cómo se establecen múltiples columnas en un contenedor usando CSS?
a)
display: grid
b)
display: flex
c)
column-count: 2
d)
column-gap: 20px
17.
¿Qué propiedad CSS se utiliza para redondear las esquinas de un elemento?
a)
border-radius
b)
box-shadow
c)
border
d)
padding
18.
¿Qué propiedad CSS es útil para definir un color sólido de fondo?
a)
background-color
b)
color
c)
background-image
d)
background-attachment
19.
¿Cuál es la propiedad CSS que permite establecer una imagen de fondo?
a)
background-image
b)
background-color
c)
color
d)
background-repeat
20.
¿Qué propiedad CSS controla la visibilidad de un elemento?
a)
visibility
b)
display
c)
opacity
d)
background-color
21.
¿Cómo se puede eliminar los márgenes de un elemento?
a)
margin: 0
b)
padding: 0
c)
border: 0
d)
display: none
22.
¿Cuál es la diferencia entre em y rem en CSS?
a)
em se refiere al tamaño de fuente del elemento padre, rem al de la raíz
b)
rem es relativo al tamaño de la fuente de un elemento, em no
c)
rem solo se usa para márgenes, em solo para padding
d)
No hay diferencia
23.
¿Qué propiedad es necesaria para hacer que un contenedor de imágenes tenga una galería responsive?
a)
flex-wrap: wrap
b)
display: grid
c)
display: block
d)
max-width: 100%
24.
¿Cómo se controla el espaciado entre líneas de texto?
a)
letter-spacing
b)
text-indent
c)
line-height
d)
word-spacing
25.
¿Qué propiedad CSS se utiliza para definir una sombra en el texto?
a)
box-shadow
b)
text-shadow
c)
shadow
d)
border-shadow
26.
¿Cómo se hace que un enlace se vea como un botón?
a)
display: block
b)
background-color
c)
padding
d)
text-decoration: none
27.
¿Qué propiedad CSS se utiliza para cambiar la visibilidad de un elemento sin eliminarlo del flujo del documento?
a)
visibility: hidden
b)
display: none
c)
opacity: 0
d)
position: absolute
28.
¿Cuál de las siguientes propiedades se utiliza para crear una animación en CSS?
a)
transition
b)
animation
c)
keyframes
d)
transform
29.
¿Qué propiedad permite crear un gradiente en CSS?
a)
background-color
b)
background-image
c)
color
d)
box-shadow
30.
¿Qué propiedad CSS define el espacio entre el contenido de un elemento y su borde?
a)
margin
b)
padding
c)
border
d)
box-sizing
31.
¿Cuál es la función principal de la propiedad box-sizing?
a)
Definir el tamaño de los márgenes
b)
Incluir los bordes y el padding en el cálculo del tamaño total de un elemento
c)
Establecer el color de los bordes
d)
Definir la distancia entre los elementos
32.
¿Cómo se establece el ancho de un contenedor teniendo en cuenta los márgenes, el padding y los bordes?
a)
box-sizing: content-box
b)
box-sizing: border-box
c)
box-sizing: padding-box
d)
box-sizing: none
33.
¿Qué propiedad CSS se utiliza para establecer el espaciado entre el borde de un elemento y el contenido?
a)
padding
b)
margin
c)
display
d)
text-align
34.
¿Qué significa box-sizing: border-box en el modelo de caja?
a)
El padding y los bordes se suman al tamaño total
b)
El padding y los bordes se incluyen dentro del tamaño del elemento
c)
Solo el padding se incluye en el cálculo del tamaño
d)
El padding no afecta al tamaño
35.
¿Qué propiedad CSS se utiliza para activar el modelo de diseño Flexbox en un contenedor?
a)
display: flex
b)
display: grid
c)
display: block
d)
display: inline-block
36.
¿Cómo se alinean los elementos hijos horizontalmente dentro de un contenedor Flexbox?
a)
justify-content
b)
align-items
c)
flex-direction
d)
flex-wrap
37.
¿Qué valor de justify-content alinea los elementos en el centro del contenedor Flexbox?
a)
space-between
b)
flex-start
c)
center
d)
flex-end
38.
¿Cuál es la propiedad CSS que permite cambiar la dirección de los elementos en un contenedor Flexbox?
a)
align-items
b)
flex-direction
c)
justify-content
d)
align-self
39.
¿Qué propiedad permite que los elementos dentro de un contenedor Flexbox se ajusten y distribuyan en varias filas si es necesario?
a)
flex-wrap
b)
align-items
c)
justify-content
d)
flex-direction
40.
¿Qué significa el valor flex: 1 para un elemento dentro de un contenedor Flexbox?
a)
El elemento ocupa el espacio restante disponible
b)
El elemento tiene un tamaño fijo
c)
El elemento no puede cambiar su tamaño
d)
El elemento se centra dentro del contenedor
41.
¿Qué propiedad de Flexbox permite alinear un solo elemento hijo dentro de un contenedor, independientemente de los demás elementos?
a)
align-self
b)
justify-self
c)
align-items
d)
flex-wrap
42.
¿Cómo se distribuyen los elementos de un contenedor Flexbox con la propiedad justify-content: space-between?
a)
Los elementos se alinean al inicio
b)
Los elementos se distribuyen con espacio entre ellos
c)
Los elementos se alinean al final
d)
Los elementos ocupan el 100% del contenedor
43.
¿Qué propiedad Flexbox se usa para alinear los elementos en el eje transversal?
a)
justify-content
b)
flex-direction
c)
align-items
d)
align-self
44.
¿Cuál es la función de la propiedad align-items en Flexbox?
a)
Alinea los elementos a lo largo del eje principal
b)
Alinea los elementos a lo largo del eje transversal
c)
Cambia la dirección de los elementos
d)
Ajusta el tamaño de los elementos
45.
¿Qué propiedad se utiliza para especificar el tiempo que durará una transición en CSS?
a)
transition-duration
b)
transition-delay
c)
animation-duration
d)
animation-name
46.
¿Qué propiedad permite que un elemento cambie suavemente de estado al pasar el cursor sobre él?
a)
transition
b)
animation
c)
transform
d)
keyframes
47.
¿Cuál es la propiedad que define el efecto de movimiento en un elemento usando transformaciones?
a)
transform
b)
transition
c)
animation
d)
display
48.
¿Qué propiedad se utiliza para definir el retraso antes de que una animación comience?
a)
animation-delay
b)
transition-delay
c)
animation-duration
d)
transition-duration
49.
¿Cómo se activa una animación en CSS?
a)
Usando @keyframes
b)
Usando transition
c)
Usando transform
d)
Usando display: block
50.
¿Cuál de los siguientes valores de la propiedad transform se usa para mover un elemento en el eje X?
a)
translateX()
b)
rotate()
c)
scale()
d)
skew()
51.
¿Qué propiedad se utiliza para especificar el comportamiento de la animación cuando esta se repite?
a)
animation-iteration-count
b)
animation-timing-function
c)
animation-delay
d)
animation-direction
52.
¿Cómo se define una animación que se repite infinitamente en CSS?
a)
animation-iteration-count: infinite;
b)
animation-repeat: infinite;
c)
animation-duration: 0s;
d)
animation: infinite;
53.
¿Qué valor de animation-direction invierte el ciclo de la animación cada vez que se repite?
a)
reverse
b)
alternate
c)
alternate-reverse
d)
normal
54.
¿Qué propiedad CSS permite que un elemento rote sobre su propio eje?
a)
transform: rotate();
b)
transform: skew();
c)
transition: rotate();
d)
transform: scale();
55.
¿Cómo se especifica el tiempo de una animación de 2 segundos en CSS?
a)
animation-duration: 2s;
b)
transition-duration: 2s;
c)
transform-duration: 2s;
d)
animation-time: 2s;
56.
¿Qué propiedad define la forma de la transición entre dos estados de un elemento?
a)
transition-timing-function
b)
transition-delay
c)
animation-timing-function
d)
animation-direction
57.
¿Qué propiedad CSS permite aplicar una animación a un elemento con el valor infinite para la repetición?
a)
animation-iteration-count
b)
animation-delay
c)
animation-duration
d)
animation-timing-function
58.
¿Qué efecto tiene el valor scale(1.5) en la propiedad transform?
a)
Aumenta el tamaño del elemento en un 50%
b)
Rota el elemento 90 grados
c)
Cambia el color del elemento
d)
Desplaza el elemento en el eje Y
59.
¿Qué propiedad de CSS se utiliza para crear un retraso antes de que ocurra la transición?
a)
transition-delay
b)
animation-delay
c)
transform-delay
d)
animation-duration
60.
¿Cómo se declara una animación que dure 5 segundos y se ejecute una vez en CSS?
a)
animation: 5s forwards;
b)
animation: 5s infinite;
c)
animation: 5s ease;
d)
animation: 5s loop;
61.
¿Cómo se aplican múltiples transformaciones a un elemento en CSS?
a)
transform: rotate(30deg) scale(2);
b)
transform: scale(2) rotate(30deg);
c)
transform: 30deg rotate(2);
d)
transform: rotate scale;
62.
¿Qué propiedad CSS permite aplicar una transformación en 3D a un elemento?
a)
transform: rotate3d();
b)
transform: perspective();
c)
transform: skew3d();
d)
transform: scale3d();
63.
¿Qué propiedad se utiliza para definir la función de temporización en una animación?
a)
animation-timing-function
b)
animation-delay
c)
transition-duration
d)
transition-timing-function
64.
¿Cuál es el propósito de la propiedad @keyframes en una animación CSS?
a)
Definir los fotogramas clave de una animación
b)
Establecer el tiempo de retraso de la animación
c)
Aplicar transformaciones a los elementos
d)
Controlar la duración de la animación
65.
¿Qué propiedad en CSS se usa para cambiar la posición de un elemento en el espacio 2D o 3D?
a)
transform
b)
animation
c)
transition
d)
keyframes
66.
¿Cómo se puede hacer que una animación se ejecute solo una vez?
a)
animation-iteration-count: 1
b)
animation-iteration-count: infinite
c)
animation-direction: reverse
d)
animation: infinite
67.
¿Qué hace la propiedad flex-grow en Flexbox?
a)
Hace que un elemento se reduzca si es necesario
b)
Permite que el elemento crezca para llenar el espacio disponible
c)
Define el tamaño de los márgenes
d)
Alinea el contenido a la derecha
68.
¿Cómo se controla si un elemento se puede reducir en un contenedor Flexbox?
a)
Usando flex-shrink
b)
Usando flex-basis
c)
Usando flex-grow
d)
Usando align-items
69.
¿Qué propiedad Flexbox se utiliza para definir el tamaño inicial de un elemento antes de que crezca o se reduzca?
a)
flex-basis
b)
flex-grow
c)
flex-shrink
d)
flex-wrap
70.
¿Qué valor de flex-shrink hace que un elemento no se reduzca si el espacio es insuficiente?
a)
flex-shrink: 1
b)
flex-shrink: 0
c)
flex-shrink: auto
d)
flex-shrink: none
71.
¿Qué propiedad Flexbox se utiliza para permitir que los elementos se ajusten a varias líneas si no hay suficiente espacio?
a)
flex-wrap
b)
flex-direction
c)
justify-content
d)
align-items
72.
¿Cómo se establece que los elementos Flexbox se ajusten a varias líneas en lugar de que se compriman?
a)
flex-wrap: wrap
b)
flex-wrap: nowrap
c)
flex-direction: column
d)
justify-content: space-between
73.
¿Qué valor de flex-wrap hace que todos los elementos se mantengan en una sola línea, incluso si el espacio es insuficiente?
a)
wrap
b)
nowrap
c)
wrap-reverse
d)
reverse
74.
¿Qué valor de flex-wrap hace que los elementos Flexbox se ajusten en orden inverso?
a)
wrap
b)
nowrap
c)
wrap-reverse
d)
flex-start
100 %
