DIW Tema 3 - 2026
COMENTARIOS |
ESTADÍSTICAS |
RÉCORDS
|
Título del Test:
 DIW Tema 3 - 2026 Descripción: Diseño de Interfaces Web |
Nuevo Comentario | Comentarios |
|---|
NO HAY REGISTROS |
|
¿Qué selector CSS se utiliza para aplicar estilos a todos los párrafos dentro de un elemento con clase “contenido”?. p.contenido. .contenido p. #contenido p. p #contenido. ¿Qué se recomienda hacer con las reglas de estilo incrustadas para evitar que navegadores antiguos las muestren como texto en el cuerpo del documento?. Usar el atributo media="print". Poner las reglas de estilo dentro de un comentario HTML (). Colocarlas al final del elemento <body>. Usar la regla @import dentro del <style>. ¿Qué valor de justify-content posiciona el primer ítem al inicio del contenedor y el último ítem al final, dejando el espacio restante distribuido uniformemente entre los demás?. space-between. flex-start. space-around. flex-end. ¿Cuál de los siguientes es el componente más externo de la "caja del elemento" en el modelo de cajas de CSS?. Borde (border). Relleno (padding). Contenido del elemento. Margen (margin). Para incrustar un bloque de estilo en la cabecera de un documento (X)HTML, ¿qué elemento se utiliza?. <script>. <css>. <style>. <link>. Un contenedor Flexbox tiene flex-direction: row;. ¿Qué propiedad se utiliza para centrar los elementos verticalmente (a lo largo del eje cruzado)?. align-items: center;. justify-content: center;. align-content: center;. flex-flow: center;. En la regla h1 strong {color: blue;}, la especificidad del selector es mayor que en strong {color: red;}. ¿Cómo se llama este concepto?. Cascada. Prioridad de fuente. Herencia. Especificidad del selector. ¿Qué selector CSS elegiría un elemento por su identificador único (atributo id)?. .nombre. nombre. #nombre. [nombre]. ¿Cuál es el atributo utilizado en la etiqueta de un elemento (X)HTML para aplicar estilos en línea?. type. class. style. id. ¿Cuál es la sintaxis correcta para importar una hoja de estilo externa usando la regla @import?. @load("estilos.css");. @import "estilos.css";. @import-css "estilos.css";. @import url("estilos.css");. ¿Cuál es el principal propósito de las Hojas de Estilo en Cascada (CSS) en un documento web?. Crear interactividad y funcionalidad dinámica. Definir la estructura lógica y semántica del documento. Gestionar la base de datos y la lógica del servidor. Separar las instrucciones de presentación del contenido HTML. ¿Cuál es el orden de peso (jerarquía) de las fuentes de estilo, de menor a mayor, según el documento?. Estilos en línea, Declaraciones !important, Hojas incrustadas, Hojas externas vinculadas. Hojas externas vinculadas, Hojas incrustadas, Estilos en línea, Declaraciones !important. Estilos en línea, Hojas externas vinculadas, Hojas incrustadas. Hojas incrustadas, Estilos en línea, Declaraciones !important. ¿Qué propiedad debe aplicarse a un contenedor padre (div.container) para activar el contexto Flexbox?. display: inline-flexbox;. flex: true;. display: flex;. layout: flex;. ¿Cuál es el concepto fundamental que establece que todos los elementos de una página web generan una caja rectangular alrededor, con propiedades de bordes, márgenes y fondos?. La Estructura de Bloques. El Modelo Semántico. El Modelo de Cajas de CSS. El Modelo de Flujo. ¿Qué propiedad CSS permite indicar al navegador si un elemento debe verse como de bloque o en línea?. display. float. visibility. position. Considerando que CSS ignora los espacios en blanco y los saltos de línea, ¿cuál es el principal beneficio de ser consistente al escribir las reglas con múltiples declaraciones?. Ahorra espacio en el archivo. Evita errores de sintaxis en el navegador. Incrementa la velocidad de compilación. Resulta más fácil de mantener. ¿Qué propiedad debe aplicarse a un contenedor padre (div.container) para activar el contexto CSS Grid?. layout: grid;. display: grid;. grid-layout: true;. display: block-grid;. Queremos crear un layout con una barra lateral fija de 200px y una columna de contenido flexible que ocupe el espacio restante. ¿Qué valor de grid-template-columns se debe usar?. grid-template-columns: 200px auto;. grid-template-columns: 1fr 200px;. grid-template-columns: auto 1fr;. grid-template-columns: 200px 1fr;. Al crear una barra de navegación a partir de una lista (<ul>), ¿qué propiedad se debe configurar a none en el selector de la lista para eliminar los marcadores de viñeta?. text-decoration. display. list-style-type. list-style-position. Por defecto, los elementos Flexbox se alinean en una fila horizontal (row). ¿Qué propiedad y valor se utiliza para cambiar el eje principal y apilar los elementos verticalmente?. flex-direction: column;. justify-content: column;. align-items: column;. flex-flow: column;. |