wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz sobre Selectores CSS

Total questions: 72

Worksheet time: 36mins

Name
Class
Date
1.

¿Qué selector CSS se utiliza para aplicar estilos a TODOS los elementos div en una página?

a)

.div

b)

#div

c)

div

d)

*

2.

Si tienes un elemento

, ¿cuál es el selector correcto para estilizarlo por su clase?

a)

p.introduccion

b)

#introduccion

c)

.introduccion

d)

introduccion

3.

¿Cuál de los siguientes selectores se utiliza para apuntar a un elemento HTML con el atributo id="miElemento"?

a)

.miElemento

b)

miElemento

c)

[id="miElemento"]

d)

#miElemento

4.
a)

a:target

b)

a.target

c)

a[target]

d)

a[target="*"]

5.
a)

img[src*=".gif"]

b)

img[src^=".gif"]

c)

img[src$=".gif"]

d)

img[src~=".gif"]

6.
a)

[data-categoria="futbol"]

b)

[data-categoria^="futbol"]

c)

[data-categoria*="futbol"]

d)

[data-categoria~="futbol"]

7.
a)

(espacio)

b)

+

c)

>

d)

~

8.
a)

Solo los párrafos que son hijos directos de un div.

b)

Todos los párrafos que son hermanos de un div.

c)

Todos los párrafos que son descendientes (hijos, nietos, etc.) de un div.

d)

Solo el primer párrafo en la página.

9.
a)

Selecciona todos los párrafos dentro de un h2.

b)

Selecciona el primer párrafo que es hermano adyacente (inmediatamente después) de un h2.

c)

Selecciona todos los párrafos que son hermanos de un h2.

d)

Selecciona un h2 que está inmediatamente después de un p.

10.
a)

div + p

b)

div > p

c)

div p

d)

div ~ p

11.
a)

4, 2, 3, 1

b)

1, 2, 3, 4

c)

4, 3, 2, 1

d)

2, 4, 3, 1

12.
a)

La que está definida en un archivo CSS externo.

b)

La que está definida en la sección .

c)

La que aparece último en el código CSS.

d)

La que tiene más propiedades.

13.
a)

p

b)

.destacado

c)

div.contenedor p

d)

input[type="text"]

14.
a)

La más baja.

b)

La misma que un ID.

c)

La más alta, superando a IDs y clases.

d)

Solo afecta a ese elemento y no tiene especificidad.

15.
a)

inline

b)

block

c)

inline-block

d)

none

16.
a)

Ocupará todo el ancho disponible y creará un salto de línea.

b)

Se ocultará completamente de la página.

c)

Solo ocupará el ancho de su contenido y no creará un salto de línea, y no podrás darle un width o height explícito.

d)

Se convertirá en un elemento flexible.

17.
a)

block

b)

inline

c)

inline-block

d)

flex

18.
a)

hidden

b)

none

c)

invisible

d)

collapse

19.
a)

hidden

b)

none

c)

invisible

d)

collapse

20.
a)

El elemento se oculta y su espacio es liberado.

b)

El elemento se vuelve transparente.

c)

El elemento se oculta, pero sigue ocupando su espacio en el diseño.

d)

El elemento solo es visible al pasar el ratón por encima.

21.
a)

display: none; oculta el elemento, visibility: hidden; lo hace transparente.

b)

display: none; mantiene el espacio del elemento, visibility: hidden; lo elimina.

c)

display: none; elimina el elemento del flujo del documento, visibility: hidden; lo oculta pero mantiene su espacio.

d)

No hay diferencia, son intercambiables.

22.
a)

relative

b)

absolute

c)

static

d)

fixed

23.
a)

El borde superior del navegador.

b)

El borde superior de su elemento padre.

c)

Su posición original en el flujo normal del documento.

d)

El centro de la página.

24.
a)

relative

b)

absolute

c)

fixed

d)

sticky

25.
a)

Su posición original en el flujo del documento.

b)

El borde superior izquierdo de la página.

c)

El primer ancestro posicionado (que no sea static).

d)

Siempre respecto al .

26.
a)

fixed

b)

absolute

c)

sticky

d)

relative

27.
a)

El tamaño de un elemento.

b)

La opacidad de un elemento.

c)

El orden de apilamiento de elementos posicionados que se superponen.

d)

La velocidad de una animación.

28.
a)

El que está declarado primero en el HTML.

b)

El que tiene un z-index más alto.

c)

El que tiene un z-index más bajo.

d)

El que tiene un width mayor.

29.
a)

Margen, Borde, Relleno, Contenido

b)

Contenido, Relleno, Borde, Margen

c)

Contenido, Borde, Relleno, Margen

d)

Relleno, Contenido, Borde, Margen

30.
a)

margin

b)

border

c)

padding

d)

spacing

31.
a)

content-box

b)

padding-box

c)

border-box

d)

margin-box

32.
a)

display: block;

b)

display: flex;

c)

flex-direction: row;

d)

align-items: center;

33.
a)

align-items

b)

justify-content

c)

flex-direction

d)

flex-wrap

34.
a)

flex-flow

b)

flex-wrap: wrap;

c)

align-content

d)

overflow: wrap;

35.
a)

flex-grow

b)

order

c)

align-self

d)

flex-basis

36.
a)

display: block;

b)

display: flex;

c)

display: grid;

d)

grid-template-columns;

37.
a)

grid-template-rows

b)

grid-gap

c)

grid-template-columns

38.
a)

grid-template-rows

b)

grid-gap

c)

grid-template-columns

d)

grid-column

39.
a)

px

b)

%

c)

em

d)

fr

40.
a)

grid-column: 1 / 3;

b)

grid-column-start: 1; grid-column-end: 3;

c)

Ambas a y b son correctas.

d)

Ninguna de las anteriores.

41.
a)

grid-area

b)

grid-template

c)

grid-template-areas

d)

grid-layout-name

42.
a)

Hacer que los sitios web carguen más rápido.

b)

Crear una versión separada del sitio para cada tipo de dispositivo.

c)

Adaptar el diseño y el contenido de un sitio web a diferentes tamaños de pantalla y dispositivos.

d)

Mejorar la seguridad de los sitios web.

43.
a)

<meta name="description">

b)

<meta name="keywords">

c)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

d)

<meta name="charset" content="UTF-8">

44.
a)

@style

b)

if-css

c)

@media

d)

responsive-css

45.
a)

@media (max-width: 767px)

b)

@media screen and (min-width: 768px)

c)

@media (width: 768px)

d)

@media (device-width: 768px)

46.
a)

px, pt

b)

em, rem

c)

vw, vh

d)

%, fr

47.
a)

:active

b)

:focus

c)

:hover

d)

:visited

48.
a)

:nth-child(1)

b)

:first-of-type

c)

:first-child

d)

Todas las anteriores (dependiendo del contexto)

49.
a)

::after

b)

::before

c)

::first-line

d)

::content

50.
a)

::first-word

b)

::first-character

c)

::first-letter

d)

::initial

51.
a)

Permite escribir HTML sin necesidad de CSS.

b)

Acelera el desarrollo web y facilita la creación de diseños responsivos.

c)

Reemplaza completamente la necesidad de JavaScript.

d)

Permite crear animaciones 3D complejas.

52.
a)

6

b)

10

c)

12

d)

16

53.
a)

col-6

b)

col-md-6

c)

col-lg-6

d)

col-sm-6

54.
a)

btn-blue

b)

button-primary

c)

btn btn-primary

d)

btn-color-primary

55.
a)

validate

b)

required

c)

mandatory

d)

not-empty

56.
a)

<div> y <span>

b)

<section> y <h1>

c)

<fieldset> y <legend>

d)

<group> y <title>

57.
a)

type="text"

b)

type="hidden"

c)

type="password"

d)

type="secret"

58.
a)

value

b)

text-hint

c)

placeholder

d)

tooltip

59.
a)

pattern

b)

regex

c)

format

d)

match

60.
a)

td

b)

tr

c)

th

d)

thead

61.
a)

border-spacing

b)

border-collapse

c)

table-layout

d)

cell-spacing

62.
a)

:first-child

b)

:nth-child(odd)

c)

:nth-child(even)

d)

:last-child

63.
a)

img-fluid

b)

image-auto

c)

responsive-image

d)

media-img

64.
a)

input-style

b)

form-control

c)

text-input

d)

form-text

65.
a)

container, row, col

b)

card, card-body

c)

jumbotron, lead

d)

navbar, nav-item

66.
a)

m-top-3

b)

mt-3

c)

margin-top-md

d)

pt-3

67.
a)

slideshow

b)

gallery

c)

carousel

d)

slider

68.
a)

carousel-slide

b)

carousel-item

c)

slide-item

d)

item-slide

69.
a)

data-bs-interval="true"

b)

data-bs-autoplay="true"

c)

data-bs-ride="carousel"

d)

data-bs-cycle="true"

70.
a)

nav-bar

b)

top-nav

c)

navbar navbar-expand-lg (o md, sm, etc. según el breakpoint)

d)

header-nav

71.
a)

nav-link-item

b)

navbar-link

c)

nav-link

d)

link-item

72.
a)

float-right

b)

text-right

c)

ms-auto (o ml-auto en versiones anteriores)

d)

align-right

Similar Resources on Wayground

Funciones y retos de la capa de red o internet

70 questions

Funciones y retos de la capa de red o internet

quiz

Worksheet

•

University

SUBNETTING

68 questions

SUBNETTING

quiz

Worksheet

•

University - Professi...

Chapter 9-12

71 questions

Chapter 9-12

quiz

Worksheet

•

University

FOC QUIZ

75 questions

FOC QUIZ

quiz

Worksheet

•

University

1er parcial de Plataforma de comercio digital

75 questions

1er parcial de Plataforma de comercio digital

quiz

Worksheet

•

University

Acessibilidade

74 questions

Acessibilidade

quiz

Worksheet

•

8th Grade - University

PSW GRIND

76 questions

PSW GRIND

quiz

Worksheet

•

University

Introducción a la informática - FINAL 2023

69 questions

Introducción a la informática - FINAL 2023

quiz

Worksheet

•

University