¿Qué hace la propiedad text-transform: uppercase; en los botones?

Convierte el texto de los botones a mayúsculas.

Cambia el color del texto de los botones.

Elimina el texto de los botones.

Convierte el texto de los botones a minúsculas.

.contenedor { max-width: 120rem; margin: 0 auto; } según el código que hace?

Crea un contenedor centrado con un ancho máximo de 120 rem.

Crea un contenedor con un ancho fijo de 120 rem.

Establece un contenedor con un margen de 20px.

Crea un contenedor que se expande hasta el ancho de la pantalla.

según la imagen diga, que pasaría si no colocamos la propiedad no-repeat?

La imagen de fondo se repetirá.

La imagen de fondo se mostrará en su tamaño original.

La imagen de fondo se estirará.

La imagen de fondo se ocultará.

Según la imagen diga para que sirve la propiedad cover?

La propiedad 'cover' sirve para escalar la imagen de fondo para que cubra completamente el contenedor.

La propiedad 'cover' se utiliza para centrar la imagen en el contenedor.

La propiedad 'cover' ajusta el color de fondo del contenedor.

La propiedad 'cover' permite que la imagen de fondo se repita en el contenedor.

Para que o porque establecemos el font-size en 62.5% y activamos el boder-box?

se define en 62.5% para simplificar el uso de rems, y evitar que las margenes y paddinsg aumenten el tamaño total

Para reducir el tamaño del total al momento de ingresar margenes.

para compatibilidad con dispositivos móviles

puedo utilizar align-items sin display:flex?

No, no se puede utilizar align-items sin display:flex.

Sí, se puede utilizar con display:block.

Sí, se puede utilizar con display:inline.

No, se puede utilizar con display:grid.

¿Por qué es importante usar variables CSS (--primario, --secundario, etc.) en un proyecto web?

Es importante usar variables CSS porque mejoran la consistencia, la mantenibilidad y la eficiencia en la gestión de estilos en un proyecto web.

Mejoran la velocidad de carga del sitio web.

Eliminan la necesidad de usar CSS.

Son obligatorias para todos los proyectos web.

Que hace el width en este caso?

El 'width' define el ancho mínimo del elemento como 60rem o el 100% del contenedor, lo que sea menor.

El 'width' define el margen del elemento.

El 'width' solo afecta a elementos de bloque.

El 'width' establece el alto del elemento.

para que sirve el archivo normalize.css?

Normalize.css sirve para normalizar los estilos de los elementos HTML entre diferentes navegadores.

Normalize.css es un archivo que se usa para crear gráficos en la web.

Normalize.css sirve para aumentar el tamaño de las fuentes en todos los navegadores.

Normalize.css se utiliza para agregar efectos de animación a los elementos HTML.

Que hace .campo: nth-child en este código?

Selecciona el tercer y cuarto elemento hijo de .campo para aplicarles estilos específicos.

Selecciona todos los elementos hijos de .campo.

Aplica estilos a los elementos padre de .campo.

Elimina los elementos hijos de .campo.

El hover cambia el estilo de un elemento cuando el cursor está sobre él.

El hover cambia el color de fondo de toda la página.

El hover aumenta el tamaño del texto permanentemente.

el hover cambia el estilo de un elemento.

¿Por qué se usan align-items y justify-content?

Se usan para alinear y distribuir elementos en un contenedor Flexbox.

Para cambiar el color de fondo del contenedor.

Para definir el tamaño de los elementos en el contenedor.

Para aplicar márgenes a los elementos dentro del contenedor.

Que hace el grid-template-columns?

Define el número y tamaño de las columnas en un contenedor de cuadrícula.

Controla el espacio entre los elementos de la cuadrícula.

Define el número de filas en un contenedor de cuadrícula.

Establece el color de fondo del contenedor.

.titulo span { color: var(--primario); } ¿Qué texto cambiaría de color en la página y por qué?

El texto dentro de los elementos en la clase 'titulo' y en la etiqueta span

El texto dentro de los elementos en la clase 'titulo'.

Todo el texto en la página cambiaría de color.

Solo el texto en negrita cambiaría de color.

para que sirve esta linea?

Pre-cargar una hoja de estilos CSS para mejorar el rendimiento de la carga de la página.

Cargar una imagen para la página.

Establecer un script de JavaScript.

como puedo convertir un div en un circulo perfecto usando css?

Usa CSS: div { width: 100px; height: 100px; border-radius: 50%; }

div { width: 200px; height: 100px; border-radius: 0; }

div { width: 100px; height: 100px; border: 1px solid black; }

div { width: 50px; height: 150px; border-radius: 25%; }

Aplicaciones web html/css

Authored by Carlos Dominguez

Engineering

University

Used 1+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

35 questions

Show all answers

MULTIPLE CHOICE QUESTION

1 min • 1 pt

¿Qué función cumple la línea <!DOCTYPE html> al inicio del documento?

Especifica la versión de CSS utilizada.

Indica el inicio de un comentario en HTML.

Define el tipo de documento y asegura que el navegador lo interprete como HTML5.

Define el idioma del contenido del documento.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

En el CSS, ¿para qué sirve :root?

:root se utiliza para definir variables CSS globales.

:root se utiliza para definir estilos específicos para elementos.

:root se usa para aplicar estilos solo a elementos hijos.

:root es un selector que afecta solo a elementos de tipo texto.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

La propiedad box-sizing: border-box; hace que:

El padding se añade al ancho y alto del elemento.

El ancho y alto de un elemento no incluyen el padding ni el borde.

El borde se calcula por separado del ancho y alto del elemento.

Permite que el ancho y alto de un elemento incluyan el padding y el borde.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

En el archivo HTML, la etiqueta <link rel="stylesheet" href="css/styles.css"> sirve para:

Enlazar una hoja de estilo CSS externa.

Establecer un título para la página.

Crear un enlace a una página web.

Definir un script de JavaScript.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

¿Qué significa display: flex;?

Establece un contenedor rígido para organizar elementos en filas o columnas.

Permite la alineación de texto en un contenedor.

Define un contenedor que solo puede organizar elementos en columnas.

Establece un contenedor flexible para organizar elementos en filas o columnas.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

En el HTML, la etiqueta <section> se usa para:

Definir estilos de texto en un documento.

Definir secciones temáticas en un documento.

Crear enlaces a otras páginas web.

Insertar imágenes en un documento.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

¿Qué hace la regla @media (min-width: 768px)?

Aplica estilos CSS a pantallas con un ancho máximo de 768 píxeles.

Desactiva todos los estilos CSS en pantallas de al menos 768 píxeles.

Aplica estilos CSS solo a dispositivos móviles.

Aplica estilos CSS a pantallas con un ancho de al menos 768 píxeles.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Microsoft

or continue with

Facebook

Apple

Others

Already have an account?

Similar Resources on Wayground

36 questions

Diagnóstico inicial - Diseño de Sistemas Térmicos

Quiz

•

University

30 questions

Logica Computacional Test 1

Quiz

•

University

40 questions

Quiz-6 & 7 on Module4 (ISCPS)

Quiz

•

University

30 questions

Evaluación de Proyectos Técnicos

Quiz

•

University

34 questions

Administración de Bases de Datos

Quiz

•

University

33 questions

Ciclos y Optimización en Programación

Quiz

•

University

30 questions

MCQs on Manholes

Quiz

•

University

36 questions

Metodología de la investigación

Quiz

•

University

Popular Resources on Wayground

28 questions

US History Regents Review

Quiz

•

11th Grade

36 questions

Biology Regents Review

Quiz

•

9th - 10th Grade

20 questions

Math Review

Quiz

•

3rd Grade

38 questions

Regents Life Science General Review

Quiz

•

9th Grade

20 questions

Math Review

Quiz

•

6th Grade

21 questions

EOY Grade 6 Benchmark Assessment - Content Skills

Quiz

•

6th Grade

20 questions

Inferences

Quiz

•

4th Grade

20 questions

Figurative Language Review

Quiz

•

6th Grade

Discover more resources for Engineering

16 questions

TSI Math 2.0 Practice

Quiz

•

9th Grade - University

59 questions

SS Final Exam Review

Quiz

•

KG - University

23 questions

super heros

Quiz

•

KG - Professional Dev...

Aplicaciones web html/css

¿Qué función cumple la línea <!DOCTYPE html> al inicio del documento?

En el CSS, ¿para qué sirve :root?

La propiedad box-sizing: border-box; hace que:

En el archivo HTML, la etiqueta <link rel="stylesheet" href="css/styles.css"> sirve para:

¿Qué significa display: flex;?

En el HTML, la etiqueta <section> se usa para:

¿Qué hace la regla @media (min-width: 768px)?

¿Qué hace la propiedad text-transform: uppercase; en los botones?

.contenedor { max-width: 120rem; margin: 0 auto;}según el código que hace?

según la imagen diga, que pasaría si no colocamos la propiedad no-repeat?

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Engineering

.contenedor {
max-width: 120rem;
margin: 0 auto;
}

según el código que hace?