FUNSISWEB 2PAct3: Diseño Web Responsivo y Estilos CSS

¿Qué es el diseño web responsivo?

• Es una técnica de diseño y desarrollo web que permite que el sitio web se adapte y se vea bien en diferentes dispositivos y tamaños de pantalla.

• Es un tipo de diseño web obsoleto, que hace que las páginas sean más lentas al cargar.

• Es una técnica para hacer que el sitio web solo se vea bien en computadoras de escritorio

• Es un método para hacer que el sitio web se vea peor en diferentes dispositivos

¿Por qué es importante el diseño web responsivo en la actualidad?

• Porque no importa en qué dispositivo se vea el sitio web

• Porque solo es importante para dispositivos móviles

• Porque hace que los sitios web sean más lentos de cargar

• Permite que los sitios web se adapten a diferentes dispositivos y tamaños de pantalla.

¿Cuáles son las características clave de una media querie en CSS?

• Aplicar estilos según las características del dispositivo, como el ancho de la pantalla o la orientación.

• Aplicar estilos según el tipo de fuente utilizado

• Aplicar estilos según el idioma del texto

• Aplicar estilos según la ubicación geográfica del usuario

¿Qué es CSS Grid Layout?

• Es un lenguaje de programación para crear animaciones en la web.

• Es un tipo de fuente de texto utilizada en diseño web.

• Es un sistema de diseño que permite crear diseños complejos basados en cuadrículas con CSS.

• Es un software para editar imágenes en diseño web.

¿Cuál es la diferencia entre CSS Grid Layout y Flexbox?

• La diferencia es que CSS Grid Layout y Flexbox son lo mismo y se pueden utilizar indistintamente.

• La diferencia es que CSS Grid Layout solo se utiliza para alinear elementos en una fila o columna, mientras que Flexbox se utiliza para crear diseños de cuadrícula bidimensionales.

• La diferencia es que CSS Grid Layout se utiliza para crear diseños de cuadrícula bidimensionales, mientras que Flexbox se utiliza para crear diseños unidimensionales y para alinear elementos en una fila o columna.

• La diferencia es que CSS Grid Layout se utiliza para crear diseños unidimensionales, mientras que Flexbox se utiliza para crear diseños bidimensionales.

Menciona al menos dos propiedades de CSS Grid Layout.

• grid-template-columns y grid-template-rows.

• grid-gap y grid-area

• flexbox-columns yflexbox-rows

• grid-columns-template y grid-rows-template

¿Cómo se define un grid en CSS Grid Layout?

• Utilizando la propiedad 'display' con el valor 'grid'.

• Aplicando la propiedad 'flex' con el valor 'grid'

• Utilizando la propiedad 'position' con el valor 'grid'

• Usando la propiedad 'align-items' con el valor 'grid'

¿Cuál es la función de la propiedad 'grid-template-areas' en CSS Grid Layout?

• Define el tamaño de las columnas y filas de la cuadrícula

• Define un diseño de cuadrícula mediante la asignación de nombres a las áreas de la cuadrícula.

• Establece el color de fondo de la cuadrícula

• Agrega bordes a las áreas de la cuadrícula

Dado el siguiente estilo. Si la pantalla del dispositivo es de 550 px, ¿de qué color es el fondo del sitio web?

• #749c2c

• black

• El color con menor especificidad

• no tiene un color establecido

Dado el siguiente estilo. Si la pantalla del navegador web es de 1080px de ancho y 624px de alto, ¿De qué color es el texto de la etiqueta H3?

• crimson

• purple

• green

• chocolate