Introducción a CSS3: Aprende los fundamentos del estilo web

Question 1

¿Cuál de las siguientes es una propiedad de CSS3 que establece el color de fondo de un elemento?

Accepted Answer

background-color

Answer

color

Answer

fill-color

Answer

background

Question 2

Para seleccionar todos los elementos de párrafo en una página web, ¿qué selector de CSS3 utilizarías?

Accepted Answer

p

Answer

#p

Answer

*p

Answer

.p

Question 3

¿Qué unidad de medida se utiliza en CSS3 para establecer el ancho de un borde?

Accepted Answer

px

Answer

%

Answer

em

Answer

pt

Question 4

¿Cuál de las siguientes propiedades de CSS3 crea un degradado lineal?

Accepted Answer

background-image: linear-gradient();

Answer

background-linear: gradient();

Answer

gradient: linear;

Answer

background-gradient: linear();

Question 5

¿Qué selector de CSS3 selecciona el elemento hijo de un elemento determinado?

Accepted Answer

>

Answer

+

Answer

~

Answer

/

Question 6

¿Qué propiedad de CSS3 establece el espaciado entre líneas de texto?

Accepted Answer

line-height

Answer

word-spacing

Answer

line-spacing

Answer

text-spacing

Question 7

¿Qué valor de posición en CSS3 hace que un elemento se posicione absolutamente en relación con su contenedor?

Accepted Answer

absolute

Answer

relative

Answer

fixed

Question 8

¿Qué selector de CSS3 selecciona el elemento hermano de un elemento determinado?

Accepted Answer

~

Answer

+

Answer

/

Answer

>

Question 9

Para crear un borde redondeado en CSS3, ¿qué propiedad utilizarías?

Accepted Answer

border-radius

Answer

border-curve

Answer

border-round

Answer

border-circle

Question 10

¿Qué selector CSS3 selecciona todos los elementos HTML de una página?

Accepted Answer

*

Answer

body

Answer

#id

Answer

.clase

Question 11

¿Con qué propiedad CSS3 se establece el color del texto?

Accepted Answer

color

Answer

text-decoration

Answer

background-color

Answer

font-size

Question 12

¿Qué valor CSS3 se utiliza para crear bordes redondeados?

Accepted Answer

border-radius

Answer

border-color

Answer

border-style

Answer

border-width

Question 13

¿Qué función CSS3 se utiliza para oscurecer un color de fondo?

Accepted Answer

rgba()

Answer

hex()

Answer

rgb()

Answer

hsl()

Question 14

¿Cuál de las siguientes es una característica clave de CSS3?

Accepted Answer

Selector de múltiples tipos

Answer

Compatibilidad limitada con navegadores antiguos

Answer

Soporte deficiente para animaciones

Answer

Dependencia de tablas para el diseño

Question 15

¿Qué selector se utiliza para seleccionar todos los elementos con el atributo `class` "clase-ejemplo"?

Accepted Answer

.clase-ejemplo

Answer

#clase-ejemplo

Answer

[clase-ejemplo]

Answer

*clase-ejemplo

Question 16

¿Qué valor de la propiedad `display` oculta un elemento del flujo del documento?

Accepted Answer

none

Answer

opacity: 0

Answer

hidden

Answer

visibility: hidden

Question 17

¿Cuál es un beneficio clave del uso de CSS3?

Accepted Answer

Mejoras en la estética y la funcionalidad de las páginas web

Answer

Reducción del tamaño del archivo HTML

Answer

Eliminación de la necesidad de JavaScript

Question 18

¿Cuál es una limitación de CSS3?

Accepted Answer

Soporte limitado para navegadores antiguos

Answer

Facilidad de aprendizaje

Answer

Excelente compatibilidad con dispositivos móviles

Answer

Amplia disponibilidad de herramientas de desarrollo

Question 19

¿Qué herramienta se utiliza para validar código CSS3?

Accepted Answer

Validador de CSS del W3C

Answer

Lint de CSS

Answer

Analizador de CSS

Answer

Herramientas de desarrollo del navegador

Question 20

¿Cuál es una buena práctica en la codificación CSS3?

Accepted Answer

Modularidad y reutilización

Answer

Falta de comentarios

Answer

Duplicación de código

Answer

Uso excesivo de selectores

Question 21

¿Qué tendencia de desarrollo web complementa CSS3?

Accepted Answer

Diseño receptivo

Answer

Programación orientada a objetos

Answer

Desarrollo basado en componentes

Question 22

¿Qué propiedad de CSS3 se utiliza para especificar el color de fondo de un elemento?

Accepted Answer

background-color

Answer

background-attachment

Answer

background-image

Question 23

Selecciona el valor de la propiedad 'display' que sirve para colocar elementos uno al lado del otro:

Accepted Answer

inline-block

Answer

block

Answer

inline

Question 24

Selecciona la pseudo-clase CSS3 utilizada para seleccionar elementos que están siendo desplazados por el puntero del ratón:

Accepted Answer

:hover

Answer

:focus

Answer

:active

Answer

:visited

Question 25

¿Qué tipo de valor se utiliza en la propiedad 'animation' para definir una animación personalizada?

Accepted Answer

keyframes

Answer

delay

Answer

duration

Answer

timing-function

Question 26

Selecciona la propiedad de CSS3 que permite establecer la forma de un elemento:

Accepted Answer

border-radius

Answer

border-width

Answer

border-color

Answer

border-style

Question 27

¿Qué característica de CSS3 permite crear efectos de transición entre diferentes estados de un elemento?

Accepted Answer

Transiciones

Answer

Transformaciones

Answer

Animaciones

Question 28

¿Qué tipo de selector de CSS3 permite seleccionar elementos en función de su posición relativa dentro de un contenedor?

Accepted Answer

nth-child

Answer

Elemento

Answer

Clase

Answer

id

Question 29

¿Cuál de las siguientes propiedades de CSS3 se utiliza para modificar la transparencia de los elementos?

Accepted Answer

opacity

Answer

background-color

Answer

filter

Answer

visibility

Question 30

¿Qué selector de CSS3 se emplea para seleccionar todos los elementos que tienen un determinado nombre de clase?

Accepted Answer

.nombre-de-clase

Answer

#nombre-de-clase

Answer

nombre-de-clase

Question 31

¿Cuál de los siguientes valores se utiliza para crear un degradado lineal en CSS3?

Accepted Answer

linear-gradient()

Answer

gradient-linear()

Answer

radial-gradient()

Answer

background-gradient()

Question 32

¿Cuál de las siguientes unidades de medida es una novedad en CSS3?

Accepted Answer

rem

Answer

em

Answer

%

Answer

px

Question 33

¿Qué prefijo de proveedor se utiliza en los navegadores Chrome y Opera para acceder a propiedades experimentales de CSS3?

Accepted Answer

-webkit-

Answer

-o-

Answer

-moz-

Answer

-ms-

Question 34

¿Cuál de los siguientes valores se utiliza para alinear horizontalmente el contenido de un elemento en CSS3?

Accepted Answer

justify-content

Answer

flex-direction

Answer

align-items

Answer

align-content

Question 35

¿Qué selector de CSS3 se utiliza para seleccionar todos los elementos que no coinciden con un determinado selector?

Accepted Answer

:not()

Answer

:has()

Answer

:is()

Question 36

¿Cuál de las siguientes NO es una ventaja de utilizar CSS3?

Accepted Answer

Limita la creatividad en el diseño

Answer

Mejora la accesibilidad

Answer

Reduce el tiempo de carga de la página

Answer

Facilita el mantenimiento

Question 37

¿Cuál de los siguientes selectores selecciona el elemento con el ID "encabezado"?

Accepted Answer

#encabezado

Answer

header

Answer

.encabezado

Answer

encabezado

Question 38

¿Cuál es la unidad de medida predeterminada para la propiedad "font-size"?

Accepted Answer

px

Answer

pt

Answer

em

Answer

rem

Question 39

¿Qué propiedad se utiliza para crear un borde alrededor de un elemento?

Accepted Answer

border

Answer

padding

Answer

margin

Answer

outline

Question 40

¿Qué transformaciones CSS3 se pueden utilizar para rotar un elemento?

Accepted Answer

rotate y rotate3d

Answer

skew y perspective

Answer

scale y translate

Answer

matrix y matrix3d

Question 41

¿Cuál es la sintaxis correcta para importar un archivo CSS externo?

Accepted Answer

Answer

Answer

Answer

Question 42

¿Qué propiedad se utiliza para crear una transición suave entre los estados de un elemento?

Accepted Answer

transition

Answer

animation

Answer

transform

Answer

keyframes

Question 43

¿Qué tipo de selector se utiliza para seleccionar todos los elementos que son descendientes de un determinado elemento?

Accepted Answer

Selector de descendientes

Answer

Selector de ID

Answer

Selector de clase

Answer

Selector de adyacencia

Question 44

¿Cuál de las siguientes declaraciones es verdadera sobre las consultas de medios?

Accepted Answer

Permiten aplicar diferentes estilos a diferentes dispositivos y tamaños de pantalla

Answer

No son compatibles con los navegadores modernos

Answer

Sólo se pueden utilizar con CSS2

Question 45

¿Cuáles de las siguientes son mejoras introducidas en CSS3?

Accepted Answer

Selectores más potentes y soporte para nuevos navegadores

Answer

Reducción del tamaño del archivo

Answer

Eliminación de la necesidad de un preprocesador

Question 46

¿Cuál de los siguientes es un selector universal en CSS3?

Accepted Answer

*

Answer

&

Answer

#universal

Answer

%

Question 47

¿Qué hace la propiedad CSS3 `box-shadow`?

Accepted Answer

Crea sombras personalizables alrededor de los elementos

Answer

Aplica un filtro sepia a los elementos

Answer

Ajusta la opacidad de los elementos

Answer

Redondea las esquinas de los elementos

Question 48

¿Cuál de los siguientes es un valor válido para la propiedad CSS3 `transform`?

Accepted Answer

rotate(90deg)

Answer

transforma(90 grados)

Answer

rotate(180°)

Answer

giro(90deg)

Question 49

¿Qué prefijo se utiliza habitualmente para las propiedades experimentales de CSS3 en navegadores basados en Chromium?

Accepted Answer

-webkit-

Answer

-ms-

Answer

-o-

Answer

-moz-

Question 50

¿Qué técnica de diseño web en CSS3 se utiliza para separar el contenido del diseño?

Accepted Answer

Diseño web semántico

Answer

Diseño web orientado a objetos

Answer

Diseño web adaptativo

Answer

Diseño web receptivo

Question 51

¿Cuál de las siguientes es una aplicación común de CSS3?

Accepted Answer

Crear animaciones interactivas

Answer

Desarrollar motores de juegos

Answer

Procesar datos complejos

Answer

Mejorar la seguridad de las aplicaciones web

Question 52

¿Qué característica de CSS3 permite crear diseños de cuadrícula avanzados?

Accepted Answer

CSS Grid Layout

Answer

Flexbox

Answer

CSS Frameworks

Answer

Tablas HTML

Question 53

¿Cuál de los siguientes es un uso común de la consulta de medios CSS3 `@media`?

Accepted Answer

Aplicar estilos específicos a diferentes tamaños de pantalla

Answer

Crear transiciones animadas

Answer

Cargar archivos CSS externos

Answer

Definir variables personalizadas