Maquetación Web

Maquetación Web

Assessment

Flashcard

Computers

10th Grade

Hard

Created by

Sergio López

FREE Resource

Student preview

quiz-placeholder

9 questions

Show all answers

1.

FLASHCARD QUESTION

Front

¿Qué propiedad CSS se posiciona respecto al documento y sigue al scroll?

Back

position: absolute;

2.

FLASHCARD QUESTION

Front

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

Back

flex-direction: row;

3.

FLASHCARD QUESTION

Front

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

Back

flex-direction: column;

4.

FLASHCARD QUESTION

Front

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

Back

flex-wrap: wrap;

5.

FLASHCARD QUESTION

Front

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.

Back

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.

6.

FLASHCARD QUESTION

Front

Se desea que el hijo amarillo, ocupe el área entre la columna 1 y la columna 2 y de la fila 1 a la fila 4. (Selecciona el código correcto y más eficiente)

Back

.amarillo { background-color: yellow; grid-column: 1 / 2; grid-row: 1 / 4; }

7.

FLASHCARD QUESTION

Front

¿Con cuál de los siguientes estilos se puede agregar espacios entre las columnas y las filas de una grilla?

  • grid-column-gap:
  • grid-row-gap:
  • grid-auto-flow:
  • gap:

Back

gap:

8.

FLASHCARD QUESTION

Front

La pareja de propiedades que nos deslizarán el elemento mientras exista espacio y cuando el elemento choque con otro elemento, se quedará fijo. Son:

Back

position: sticky; junto a top

9.

FLASHCARD QUESTION

Front

¿Cómo se puede manejar el problema de las tablas que ocupan mucho espacio horizontal en un navegador?

Back

overflow-x: auto;