Maquetación Web

Maquetación Web

10th Grade

12 Qs

quiz-placeholder

Similar activities

Teclado y posturas

Teclado y posturas

1st - 12th Grade

10 Qs

Jamboard-Arequipa

Jamboard-Arequipa

10th Grade - University

10 Qs

HERRAMIENTAS PARA EL APRENDIZAJE COLABORATIVO

HERRAMIENTAS PARA EL APRENDIZAJE COLABORATIVO

10th Grade

15 Qs

TEMA: TARJETA MADRE

TEMA: TARJETA MADRE

1st - 10th Grade

10 Qs

Basic CSS3

Basic CSS3

9th - 12th Grade

12 Qs

Velocistas e impresión 3D

Velocistas e impresión 3D

1st - 10th Grade

11 Qs

Unidades de Medida y Posicionamiento Avanzado en  CSS

Unidades de Medida y Posicionamiento Avanzado en CSS

10th Grade

9 Qs

2143_1er Parcial Dibujo

2143_1er Parcial Dibujo

1st - 10th Grade

10 Qs

Maquetación Web

Maquetación Web

Assessment

Quiz

Computers

10th Grade

Hard

Created by

Sergio López

Used 1+ times

FREE Resource

12 questions

Show all answers

1.

MULTIPLE SELECT QUESTION

5 mins • 1 pt

Para evitar que las imágenes se deformen cuando especifiquemos medidas que rompan su relación de aspecto (su anchura y altura no sean proporcionales). Utilizamos: (Selecciona 2 opciones)

  • display: block

  • width: 100%

  • object-fit: cover

  • object-position: center

2.

MULTIPLE SELECT QUESTION

5 mins • 1 pt

Para crear un contenedor, se suele utilizar el nombre de clase .container, y se le añaden los siguientes estilos. (Selecciones 3)

margin-inline: auto;

display: flex;

max-width: 1000px;

padding: 1rem;

3.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

Se posiciona respecto al documento, por lo cual sigue al scroll.

position: fixed;

position: absolute;

inset: 0;

position: fixed;

inset: 0 0 auto;

4.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

Defines la dirección de los elementos de izquierda a derecha.

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-direction: row;

5.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

Defines la dirección de los elementos de arriba a abajo.

flex-direction: row-reverse;

flex-direction: column;

flex-direction: column-reverse;

flex-direction: row;

6.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

Fuerza a los elementos a mantenerse en varias líneas.

flex-wrap: wrap;

flex-wrap: nowrap;

flex-wrap

flex-wrap: wrap-reverse;

7.

MULTIPLE CHOICE QUESTION

5 mins • 1 pt

En grid existen dos partes bien diferenciadas: un padre y sus hijos. El padre será el tablero o la etiqueta que envuelva todo. Llevará el estilo display: grid. Y los hijos son los contenedores o elementos que queremos posicionar dentro de nuestro tablero.

El padre será el tablero o la etiqueta que envuelva todo. Llevará el estilo grid-template-columns: Y los hijos son los contenedores o elementos que queremos posicionar dentro de nuestro tablero. Llevará el estilo grid-template-rows:

El padre será el tablero o la etiqueta que envuelva todo. Llevará el estilo display: grid. Y los hijos son los contenedores o elementos que queremos posicionar dentro de nuestro tablero.

El padre será el tablero o la etiqueta que envuelva todo. Y los hijos son los contenedores o elementos que queremos posicionar dentro de nuestro tablero. Llevará el estilo display: grid.

Las columnas serán el tablero o la etiqueta que envuelva todo. Y los hijos son las filas que son los contenedores o elementos que queremos posicionar dentro de nuestro tablero.

Create a free account and access millions of resources

Create resources
Host any resource
Get auto-graded reports
or continue with
Microsoft
Apple
Others
By signing up, you agree to our Terms of Service & Privacy Policy
Already have an account?