WorksheetsCuestionario de HTML y CSS
Total questions: 14
Worksheet time: 7mins
¿Cuál es el propósito de utilizar las etiquetas a en un documento HTML?
Aplicar estilos predeterminados de fuente y color a un texto.
Indicar a los navegadores qué contenido debe aparecer en negrita.
Denotar la jerarquía y la importancia del contenido, lo cual es fundamental para los lectores de pantalla y los motores de búsqueda.
Definir únicamente el título que aparece en la pestaña del navegador.
¿Qué etiqueta de lista HTML se recomienda utilizar cuando el orden de los elementos es crucial, como en una lista de pasos a seguir para una receta?
(Unordered List)
(Definition List)
(Ordered List)
(List Item)
En el Modelo de Caja de CSS, si utilizas la propiedad box-sizing: border-box, ¿qué dimensiones incluirán los valores de width y height que definas para el elemento?
Solo el contenido (content).
El contenido más el margen (margin).
El contenido, el relleno (padding) y el borde (border).
El relleno (padding) y el margen (margin) solamente.
¿Qué unidad de medida CSS es relativa al tamaño de fuente (font-size) del elemento raíz (), lo que la hace ideal para diseños escalables?
px (píxeles)
em (relativa al tamaño de fuente del elemento padre)
rem (relativa al tamaño de fuente del elemento raíz)
vw (Viewport Width)
Si dos reglas CSS compiten por la misma propiedad en el mismo elemento, y ambas tienen el mismo nivel de especificidad (por ejemplo, ambas son selectores de clase), ¿qué criterio decide cuál se aplica?
La regla que tenga la menor cantidad de código.
La regla que utilice una unidad de medida absoluta.
El orden de la cascada: la última regla declarada en la hoja de estilos es la que tiene prioridad.
La regla definida por el navegador (user agent).
¿Cuál es la filosofía de diseño fundamental de Bootstrap, que prioriza cómo se verá el sitio en pantallas pequeñas antes de expandirse a escritorios?
Desktop First.
Mobile First.
Semantic First.
Grid First.
El sistema de cuadrícula de Bootstrap divide el ancho de la página en una cantidad fija de columnas. ¿Cuántas columnas totales componen la cuadrícula estándar?
8 columnas.
10 columnas.
12 columnas.
16 columnas.
En el sistema de cuadrícula de Bootstrap, ¿qué clase es necesaria para envolver las columnas y definir una línea horizontal de contenido?
.container-fluid
.col-auto
.row
.grid-area
Si defines una columna con la clase .col-lg-4 en Bootstrap, ¿cuántas columnas de 12 ocupará ese elemento y a partir de qué tamaño de pantalla (breakpoint)?
4 columnas, solo en pantallas Extra Small (móviles).
4 columnas, solo en pantallas Medianas (Medium).
4 columnas, a partir de pantallas Grandes (Large) y superiores.
4 columnas, en todos los tamaños de pantalla.
¿Qué clase de utilidad se utiliza en Bootstrap para estilizar tarjetas de contenido flexibles, que típicamente contienen un encabezado y un cuerpo?
.panel
.form-control
.card
.grid
¿Por qué es una práctica recomendada que los desarrolladores que utilizan Bootstrap modifiquen y personalicen los estilos o utilicen archivos minificados, en lugar de cargar el paquete completo sin cambios?
Para garantizar la compatibilidad con navegadores obsoletos.
Porque el paquete CSS completo es grande, lo que puede ralentizar la carga del sitio web y sobrecargar el servidor.
Para evitar la sobreescritura de la cascada CSS por parte del desarrollador.
Para eliminar la necesidad de utilizar el sistema de cuadrícula.
¿Qué componente de Bootstrap está diseñado para mostrar imágenes o contenido que se desplaza horizontalmente, funcionando como un pase de diapositivas?
Grid Area
Nav Bar
Carousel
Card
En la maquetación de formularios con Bootstrap 5, ¿qué clase debe aplicarse a la etiqueta para mejorar su aspecto?
.form-check-input
.form-control
.form-label
.form-group
Si un desarrollador quiere que su contenedor de diseño ocupe todo el ancho disponible del viewport sin márgenes laterales fijos, ¿qué clase de Bootstrap debe usar?
.container
.container-fluid
.row
.col-12
