Maquetación Web

Maquetación Web

10th Grade

12 Qs

quiz-placeholder

Similar activities

3.1 Diseño de soluciones innovadoras

3.1 Diseño de soluciones innovadoras

10th Grade

13 Qs

Matrices

Matrices

7th Grade - Professional Development

10 Qs

Riesgos Electricos

Riesgos Electricos

10th Grade

12 Qs

¿Quién tiene el poder en internet?

¿Quién tiene el poder en internet?

10th Grade

10 Qs

Parcial Bootstrap

Parcial Bootstrap

10th Grade

10 Qs

Jamboard-Arequipa

Jamboard-Arequipa

10th Grade - University

10 Qs

IDAT_SES_5

IDAT_SES_5

1st - 10th Grade

7 Qs

Unidades de Medida y Posicionamiento Avanzado en  CSS

Unidades de Medida y Posicionamiento Avanzado en CSS

10th Grade

9 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?