CSS Nivel intermedio

¿Cuál es la principal diferencia entre Flexbox y Grid en CSS?

• Flexbox trabaja en filas o columnas, Grid trabaja en filas y columnas
• Flexbox solo trabaja con columnas, Grid con filas
• Flexbox y Grid son iguales en su funcionamiento
• Flexbox se usa solo para diseño responsivo, Grid para diseño fijo

¿Qué propiedad en CSS Grid y Flexbox se usa para definir el espacio entre las filas y columnas de un contenedor?

• margin
• padding
• space-between
• gap

¿Qué hace una media query en CSS?

• Cambia el color del texto
• Ajusta el diseño basado en el tamaño de la pantalla
• Añade animaciones a los elementos
• Alinea el texto dentro de un contenedor

¿Cuál de las siguientes es una pseudo-clase que se activa cuando un elemento es presionado?

• :hover
• :active
• :focus
• :visited

¿Qué pseudo-selector selecciona el tercer hijo de un elemento?

• :first-of-type(3)
• :nth-of-type(2)
• :nth-child(4)
• :nth-child(3)

¿Cómo se utiliza el pseudo-elemento ::before?

• Para agregar contenido antes del contenido de un elemento
• Para agregar contenido después del contenido de un elemento
• Para seleccionar el primer hijo de un elemento
• Para cambiar el color de fondo de un elemento

¿Cómo se define una variable en CSS?

• @variable-name: value;
• --variable-name: value;
• $variable-name: value;
• var(--variable-name): value;

¿Cuál es la propiedad CSS que se utiliza para activar el modelo de diseño Flexbox en un contenedor?

• display: grid
• display: block
• display: inline
• display: flex

¿Qué pseudo-clase se utiliza para estilizar un enlace cuando el usuario ha pasado el ratón sobre él?

• :focus
• :active
• :hover
• :visited

¿Cómo se aplica un estilo a un elemento usando una variable en CSS?

• .element { color: --my-color; }
• .element { color: var(--my-color); }
• .element { color: @my-color; }
• .element { color: $my-color; }