Diseño de Interfaces Ilerna 2025 Tema 2

¿Cuál es la principal ventaja de usar CSS en el desarrollo web?. Mejora el rendimiento del servidor. Permite separar contenido y presentación. Reduce la cantidad de código HTML necesario. Elimina la necesidad de JavaScript.

¿Cuál de las siguientes formas de insertar estilos CSS tiene mayor prioridad?. Hoja externa. Estilo interno. Estilo en línea. Importación con @import.

¿Qué etiqueta HTML se utiliza para definir un bloque de estilos CSS internos?. <link>. <css>. <style>. <script>.

¿Qué atributo se usa para aplicar un estilo en línea?. css. inline. style. font.

¿Cuál es la sintaxis correcta de una regla CSS para que todos los <p> tengan texto azul?. p { color:blue; }. p: blue;. p = color(blue);. <p style=”color:blue;”>.

¿Qué símbolo se usa para declarar una clase en CSS?. #. . @. :.

¿Cuál de las siguientes declaraciones aplica correctamente una clase a un párrafo?. <p .color1>Texto</p>. <p class=”color1”>Texto</p>. <p id=”color1”>Texto</p>. <p style=”color1”>Texto</p>.

¿Qué selector CSS es válido para aplicar estilo solo a un elemento con id “principal”?. .principal. principal. #principal. id.principal.

¿Cuál es el propósito de la pseudoclase :hover?. Aplicar estilos cuando se hace clic. Aplicar estilos a enlaces no visitados. Aplicar estilos cuando el ratón pasa por encima. Aplicar estilos al enfocar con el teclado.

¿Qué selector es válido para aplicar estilo a todos los elementos <h1> y <h2>?. h1, h2 { ... }. h1 h2 { ... }. h1 & h2 { ... }. h1 + h2 { ... }.

¿Qué ocurre si escribimos mal la sintaxis de una regla CSS en un archivo HTML?. El navegador ignora solo la línea con error. El sitio deja de funcionar. Se borra el contenido de la página. Aparece un mensaje de error en pantalla.

¿Cuál de estas reglas está escrita correctamente?. .color1 {color = blue;}. p {color: blue}. #titulo = {color:blue;}. p.color1 color:blue.

¿Cuál de estos selectores es válido para seleccionar un elemento con el atributo id="info"?. #info. .info. info. :info.

¿Qué resultado tiene esta declaración? h1.color2 {color:blue}. Aplica a todos los h1. Aplica a todos los elementos con clase color2. Aplica a elementos h1 que además tengan clase color2. Da error.

¿Cuál es la forma correcta de declarar una clase reutilizable en CSS?. color1 {color:red;}. .color1 {color:red;}. #color1 {color:red;}. <color1> {color:red;}.

¿Qué tipo de selector es p > span?. Selector descendente. Selector universal. Selector hijo directo. Selector de clase.

¿Qué significa la pseudoclase :visited en un enlace <a>?. El enlace está siendo activado. El enlace ya ha sido clicado por el usuario. El enlace aparece al pasar el ratón. El enlace tiene el foco.

¿Cuál es el resultado de esta regla? h1::after {content:"."}. Añade un punto después de cada párrafo. Inserta un punto después de cada h1. Cierra el estilo. Elimina los puntos del texto.

¿Para qué se utiliza la pseudoclase :focus?. Para aplicar estilo cuando se hace clic. Para aplicar estilo al enfocar un elemento, como un input. Para resaltar enlaces. Para aplicar estilos al ratón.

¿Qué significa esta línea? @import url("estilo.css");. Inserta una imagen. Importa una fuente externa. Importa una hoja de estilo externa. Enlaza un script.

¿Qué etiqueta HTML se utiliza para enlazar una hoja de estilos externa?. <style>. <css>. <link>. <import>.

¿Qué propiedad CSS se utiliza para cambiar el color de fondo?. color. background. background-color. fill.

¿Qué ocurre si usamos la propiedad !important en una regla CSS?. El navegador ignora esa propiedad. Se aplica aunque haya otras reglas con más prioridad. Solo funciona con clases. El código da error.

¿Cuál es la forma correcta de aplicar una clase a más de un elemento HTML?. Usar una coma entre ellos. Repetir el atributo class. Asignar la clase a todos los elementos. Usar la misma clase con distintos elementos.

¿Cuál es la diferencia entre un identificador (id) y una clase (class) en CSS?. El id se puede usar en múltiples elementos. La clase se usa solo una vez. El id se usa en un solo elemento, la clase en varios. Son equivalentes.

¿Qué símbolo se utiliza para seleccionar todos los elementos de una página?. *. #. . &.

¿Cuál de estos es un pseudoelemento válido?. ::hover. ::active. ::before. ::focus.

¿Qué tipo de archivo se suele usar para guardar una hoja de estilos externa?. .html. .css. .js. .xml.

¿Dónde se debe colocar la etiqueta <link> que enlaza el CSS externo?. Dentro del <body>. Al final del archivo. Dentro del <head>. Antes del <html>.

¿Qué resultado tiene esta sintaxis? .rojo { color: red; }. Aplica el estilo a cualquier elemento con id="rojo". Aplica el color rojo a todos los elementos. Aplica el color rojo a los elementos con class="rojo". Da error porque falta el #.

¿Qué tipo de selector es más específico?. Selector universal. Selector de clase. Selector de id. Selector de etiqueta.

¿Cuál es el orden de prioridad correcto en la aplicación de estilos?. Externos > Internos > En línea. Internos > En línea > Externos. En línea > Internos > Externos. Externos > En línea > Internos.

¿Cuál de estos pseudoelementos afecta a la primera línea de un texto?. ::before. ::selection. ::first-line. ::first-letter.

¿Qué opción permite cambiar el tipo de fuente en CSS?. font-size. font-weight. font-family. text-align.

¿Qué ocurre si asignas múltiples clases a un elemento?. Solo se aplica la primera. Se anulan entre ellas. Se aplican todas si no hay conflicto. No es posible.

¿Cuál es el selector que se aplica solo si un elemento está dentro de otro?. h1 h2. h1, h2. h1 > h2. h1 + h2.

¿Qué significa esta sintaxis? h1 > b { color: blue; }. Aplica a todos los h1 y b. Aplica a b que sea hijo directo de h1. Aplica a todos los b. Aplica a b que esté cerca de un h1.

¿Qué hace la pseudoclase :active?. Aplica estilo al hacer clic. Aplica estilo al pasar el ratón. Aplica estilo al visitar un enlace. Aplica estilo al enfocar un input.

¿Cuál de estos ejemplos usa correctamente el atributo style en línea?. <p style="color: red;">Texto</p>. <p css="color: red;">Texto</p>. <style color="red">Texto</style>. <div background-color: red>Texto</div>.

¿Qué ocurre si se escribe mal el valor de una propiedad en CSS?. El navegador corrige automáticamente. Toda la hoja CSS deja de funcionar. Solo se ignora esa regla. Se muestra un error en la página.