Diseño de interfaces web RA2

¿Qué tipo de selector aplicarías para modificar el siguiente fragmento de código? #content {color: blue;}. Selector identificador. Selector clase. Selector etiqueta. Selector universal.

El selector a:hover se emplea para definir el estilo de: Cuando el ratón pasa por encima. El enlace visitado. El enlace activo. Los enlaces que no se han visitado.

Solamente existen validadores HTML para comprobar si la estructura del documento cumple con los estándares. Verdadero. Falso.

¿Cómo se desactiva una hoja de estilo desde JavaScript?. document.styleSheets[0].disabled = true;. document.styleSheets[0].setAttribute("rel", "stylesheet");. document.styleSheets[0].title = "alternate";. document.styleSheets[0].disabled = false;.

¿Qué etiqueta HTML se utiliza para crear un formulario?. <input>. <form>. <fieldset>. <button>.

¿Cuál es la forma correcta de cambiar el estilo de texto a cursiva para un párrafo directamente en HTML?. <p style="text-style: italic;">Este párrafo está en cursiva.</p>. <p style="italic;">Este párrafo está en cursiva.</p>. <p style="font-style: italic;">Este párrafo está en cursiva.</p>. <p style="font: italic;">Este párrafo está en cursiva.</p>.

¿Cuál es el propósito del atributo alt?. Especificar la fuente de la imagen. Proporcionar texto alternativo para la imagen. Definir el ancho de la imagen. Definir el alto de la imagen.

¿Cuál de las siguientes es una manera correcta de cambiar el tamaño de fuente de un párrafo a 16px directamente en HTML?. <p style="font-size:16px;">. <p style="text-size:16px;">. <p style="size:16px;">. <p style="font:16px;">.

¿Qué ventaja principal tiene usar hojas de estilo externas?. Mejora la velocidad de carga de la página. Permite aplicar estilos diferentes a cada página. Facilita la gestión y el mantenimiento de estilos. Aumenta la seguridad del sitio web.

Si existe una hoja de estilo externa en la cual se define h1 con color:red y un estilo en línea donde se define h1 con color:blue. ¿Qué color tendrá finalmente ese h1?. Rojo. Azul. Ambos colores se mezclarán. Depende del navegador.

¿Cuál es la función principal de la etiqueta <span> en HTML?. Definir un enlace. Crear un contenedor para agrupar otros elementos. Insertar una imagen. Crear una lista.

¿Cómo se pueden aplicar múltiples hojas de estilo externas a un solo documento HTML?. Usando múltiples etiquetas link en la sección head. Usando múltiples etiquetas link en la sección body. Usando la propiedad @import dentro de una etiqueta. No es posible.

¿Cómo se define un color de fondo rojo para un párrafo directamente en HTML?. <p bgcolor="red">Este párrafo tiene un fondo rojo.</p>. <p style="color: red;">Este párrafo tiene un fondo rojo.</p>. <p style="background-color: red;">Este párrafo tiene un fondo rojo.</p>. <p class="fondo-rojo">Este párrafo tiene un fondo rojo.</p>.

¿Cómo se define una hoja de estilo alternativa en HTML?. <link rel="stylesheet" type="text/css" href="style.css">. <link rel="alternate stylesheet" type="text/css" href="alternate.css">. <link rel="stylesheet" type="alternate/css" href="style.css">. <link rel="stylesheet" type="text/alternate" href="alternate.css">.

¿Qué propiedad CSS se utiliza para cambiar el tipo de letra de un elemento?. font-family. font-type. text-family. font-style.

¿Cuál es la propiedad CSS que se utiliza para agregar espacio dentro de un elemento, entre su contenido y su borde?. padding. margin. border-spacing. spacing.

¿Qué propiedad CSS se utiliza para definir la distancia entre las líneas de texto?. text-spacing. line-height. letter-spacing. text-height.

¿Cuál es la razón principal para usar hojas de estilo alternativas?. Mejorar la accesibilidad. Ofrecer diferentes opciones de diseño al usuario. Reducir el tamaño del archivo CSS. Aumentar la velocidad de carga de la página.

Si se define un estilo para un componente en una hoja de estilo interna y otro en una externa, ¿cuál tiene prioridad?. El estilo de la hoja de estilo externa. El estilo de la hoja de estilo interna. Ambos se aplican. Depende del navegador.

¿Qué propiedad CSS se utiliza para cambiar el color del borde de un elemento?. border-color. color. border. border-style.

¿Cómo se define una clase CSS llamada "big-text" que cambia el tamaño de fuente a 24px?. .big-text {font-size:24px;}. #big-text {font-size:24px;}. big-text {font-size:24px;}. :big-text {font-size:24px;}.

¿Qué selector CSS se utiliza para aplicar un estilo a elementos con una clase específica?. #className. .className. className. :className.

¿Cómo se define una clase CSS llamada "highlight" que cambia el color de fondo a amarillo?. .highlight {background:yellow;}. highlight {background:yellow;}. #highlight {background:yellow;}. highlight {bg-color:yellow;}.

¿Qué atributo se utiliza en la etiqueta <link> para definir una hoja de estilo alternativa?. type="alternate". rel="alternative". type="stylesheet". rel="alternate stylesheet".

¿Cuál es la propiedad CSS que se utiliza para ajustar el ancho de un elemento?. max-width. size. height. width.

Según el siguiente código: ¿A que líneas afectará?. Segunda y Cuarta línea. A todas las líneas. Segunda, Tercera y Cuarta línea. Segunda y Tercera línea.

Según el siguiente código: ¿A que líneas afectará?. Segunda, Tercera y Cuarta línea. Segunda y Cuarta línea. Cuarta línea. A todas las líneas.

Si queremos aplicar un texto de color rojo y un tamaño de letra de 30px, ¿qué opción será la correcta?. p{background:red; font-size: 30px;}. p{color:red; font-size: 30px;}. p{color:red; font: 30px;}. p{color-font:red; font: 30px;}.

¿Afecta a todos los parrafos? <div><p>hola</p></div> <div><span><p>adios</p></span></div> <div><p>juego</p></div> div > p{color:red}. A todos. A ninguno. Al primero. Al primero y tercero.

Cual es la sintaxis correcta de CSS para que todos los elementos aparezcan en negrita?. p {font-weight:bold}. p {text-style:bold}. p {text-size:bold}. p {text-decoration:bold}.

¿De qué forma hacemos referencia a un CSS externo dentro de nuestro HTML?. No se puede referenciar un CSS externo desde HTML. /* ... */. @import. !important.

Identifica cuál de las siguientes afirmaciones es verdadera: Si queremos dar más prioridad, podemos hacerlo haciendo uso de la palabra reservada !interest. La guía de estilo solo detalla la implementación de las clases de CSS. Los ID nos ofrecen la posibilidad de seleccionar una sola línea de una página completa. Todas son verdaderas.

¿Cómo se escribe un selector para que una regla se aplique a todos los párrafos que sean descendientes directos (hijos) de un elemento <article>?. article > p. article p. article , p. article + p.

¿Qué representan las siguientes sintaxis? <style> /* unvisited link */ a:link {color: red;} /* visited link */ a:visited {color: green;} /* mouse over link */ a:hover {color: hotpink;} /* selected link */ a:active {color: blue;} </style>. Son pseudo-clases. Son reglas descendentes. Ninguna de las respuestas es correcta. Es una sintaxis de jquery.

¿Qué tipo de selector es este? p {font-family: Verdana; color:red}. Selector de etiqueta. Selector descendente. Ninguna es correcta. Selector universal.

¿Qué realiza este fragmento de código? p { font-style: italic;}. Todos los párrafos de la web aparecen subrayados. Todos los párrafos de la web comienzan por letra mayúscula. Todos los párrafos de una página web aparecen en cursiva. Todos los encabezados de la web empiezan por letra mayúscula.

Para conseguir las letras "Ilerna Online" de color blanco, ¿cuál de las siguientes opciones es correcta?. backgound-color: white;. color: white;. background: white;. font: white;.

Un párrafo tiene un tamaño de letra definido como 1.25 em. Expresado como un porcentaje, ¿Cuánto más grande será el tamaño de letra de este párrafo comparado con el resto de párrafos?. 50%. 25%. 100%. 125%.

¿De qué color es el fondo de los span #1, #2 y #3?. Blanco. Azul. no afecta al ultimo span. Ninguna de las anteriores.

¿Cuál es la sintaxis correcta en CSS?. body {color=black}. {body:color=black}. {body=color:black}. body {color:black}.

¿Que tipo de selector utilizarias para modificar el siguiente fragmento de codigo? .prueba { color: blue;}. Selector etiqueta. Selector universal. Selector identificador. Selector clase.

¿Qué tipo de selector es este? * {margin: 0px}. Selector descendente. Selector universal. Selector de etiqueta. Ninguna es correcta.

¿Que tipo de selector utilizarias para modificar el siguiente fragmento de codigo? a {color: green}. Selector etiqueta. Selector de clase. Selector identificador. Selector universal.

¿De qué elementos está compuesta una regla en CSS?. Identificador, clase y valor. ID, propiedad y clase. Etiqueta, párrafo y valor. Selector, propiedad y valor.

¿A qué se refiere la pseudoclase :hover?. Cambiar todo el texto a color rojo. Elementos que indica el usuario sin necesidad de ser activados. Elementos que tienen que estar activos indicados por el usuario. Poner el foco en algunos elementos.

¿Cómo se hace en CSS para que el símbolo de los elementos de una lista sea un cuadrado?. list-type:square. style-list:square. type:square. list-style-type:square.

¿Cómo se indican los comentarios en una línea CSS?. /* … */. // ... //. //. ** ... **.

¿Qué propiedad CSS se utiliza en una hoja de estilo externa para cambiar el color de fondo de todos los párrafos a azul?. p {background:blue;}. p {color:blue;}. p {bg-color:blue;}. p {background-color:blue;}.

¿Cómo se define un ID en CSS para aplicarle un color verde?. id.color1 {color:green;}. .color1 {color:green;}. #color1 {color:green;}. color1 {color:green;}.

¿Cómo se define una clase CSS llamada color1 que aplica color verde a un texto?. color1 { color:green; }. #color1 { color:green; }. <p class="color1"> color:green; </p>. .color1 { color:green; }.

Para cambiar el color del texto a azul en una etiqueta <h1>, ¿cuál es la sintaxis correcta?. <h1 style="color:blue;">. <h1 style="color-text:blue;">. <h1 style="text-color:blue;">. <h1 style="font-color:blue;">.

¿Cuál es la forma correcta de aplicar un color azul a los encabezados <h1> y <h2> en CSS?. h1 {color:blue;} h2 {color:red;}. h1 {color:blue; background:red;}. h1, h2 {color:blue;}. h1 h2 {color:blue;}.

¿Cuál es un comentario en CSS?. /* Esto es un comentario */. # Esto es un comentario. <!-- Esto es un comentario -->. // Esto es un comentario //.

¿Cómo se crea una lista no ordenada en HTML?. <dl>. <ul>. <ol>. <li>.

En CSS, ¿qué pseudo clase se emplea para definir una propiedad cuando el cursor del ratón se sitúa sobre un elemento?. :over. :on. :hover. :active.

¿Cómo se puede anular un estilo definido en una hoja de estilo externa?. Usando una hoja de estilo alternativa. Definiendo el mismo estilo en una hoja de estilo interna. No es posible anular un estilo definido externamente. Usando un estilo en línea con !important.

¿Qué propiedad CSS define el estilo de borde de un elemento?. border-color. border-effect. border-width. border-style.

¿Qué propiedad de CSS se utiliza para establecer el margen externo de un elemento?. spacing. border. margin. padding.

¿Qué realiza el siguiente código?. Una animación con jQuery. Subraya el texto de los párrafos. Pone una imagen como fondo en el div. Colorea el título en rojo.

¿Qué propiedad en CSS se utiliza para centrar un texto horizontalmente?. jutify. center-text. text-align. aling.

Para modificar únicamente el color del texto del párrafo a color blanco, ¿Qué selector utilizaremos? <body> <h1>Ilerna Online</h1> <p>FORMACIÓN PROFESIONAL A DISTANCIA Y PRESENCIAL</p> </body>. p {color: white;}. h1 p {color: white;}. * {color: white;}. h1 {color: white;}.

¿Cuál de los siguientes selectores CSS selecciona un elemento por su identificador?. . *. >. #.

¿Cómo se aplica una clase CSS llamada "text-center" a un párrafo?. <p style="text-center">"Texto"</p>. <p name="text-center">"Texto"</p>. <p class="text-center">"Texto"</p>. <p id="text-center">"Texto"</p>.

¿Qué propiedad de CSS se utiliza para cambiar el tamaño del texto?. text-size. font-weight. font-size. font-family.

¿Qué etiqueta HTML se utiliza para crear un enlace?. <a>. <url>. <link>. <href>.

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

¿Qué valor de la propiedad position en CSS coloca un elemento en una posición fija en la pantalla?. absolute. relative. static. fixed.

¿En qué caso podría ser útil una hoja de estilo alternativa?. Para aumentar la velocidad de carga de la página. Para implementar un diseño responsive. Para pruebas A/B de diseño. Para aplicar estilos en línea.

¿Cuál es la forma correcta de definir una clase CSS que aplique un borde rojo sólido de 2px a cualquier elemento?. .border-red {border-width:2px solid red;}. .border-red {border:2px solid red;}. #border-red {border:2px solid red;}. .border-red {border-color:2px solid red;}.

¿Cuál es la forma correcta de aplicar la fuente Verdana a los párrafos y encabezados <h1> y <h2>?. h1, p, h2 {font-family:Verdana;}. h1, h2 {font-style:Verdana;}. p h1 {font-type:Verdana;}. h1 p h2 {font-family:Verdana;}.

¿Qué etiqueta en HTML se usa para aplicar estilos internos?. <format>. <css>. <head>. <style>.

¿Cuál es la función de la etiqueta <meta> en HTML?. Establecer el idioma de la pagina. Definir metadatos como descripción, auto o palabra clave. Añadir contenido visible en la página. Crear enlaces a otros documentos.

¿Cómo se define un pseudo-elemento que añade contenido antes de un <h1>?. h1::before { content: 'Ejemplo de '; }. h1:before { content: 'Ejemplo de '; }. h1.before { content: 'Ejemplo de '; }. h1 > before { content: 'Ejemplo de '; }.

¿Qué etiqueta HTML se utiliza para definir una tabla?. <grid>. <td>. <table>. <tab>.

¿Qué atributo de la etiqueta <img> se utiliza para especificar la fuente de la imagen?. href. url. src. source.

¿Cuál es el propósito del atributo alt en la etiqueta <img>?. Especificar la fuente de la imagen. Definir el ancho de la imagen. Definir el alto de la imagen. Proporcionar texto alternativo para la imagen.

¿Qué propiedad CSS se utiliza para redefinir el margen de un párrafo a 20px?. padding. spacing. border. margin.

¿Cómo se aplica un borde negro de 1px a un elemento con ID 'color1'?. color1 { border: 1px solid black; }. #color1 { border: black 1px; }. #color1 { border: 1px solid black; }. .color1 { border: 1px solid black; }.

¿Qué tipo de selector aplicarías para modificar el siguiente fragmento de código? #content {color: blue;}. Selector clase. Selector identificador. Selector universal. Selector etiqueta.

¿Cuál de las siguientes opciones define mejor el atributo alt en una etiqueta <img>?. La URL de la imagen. El título de la imagen. El tamaño de la imagen. El texto alternativo que describe la imagen.

Selecciona la afirmación correcta sobre este código <p> Esto es un párrafo normal </p> <p style=”background-color:red;”> Esto es un párrafo con estilo </p>. Pone el texto en cursiva. Esta mal declarado el estilo. Pone el texto en negrita. Es un CSS en línea.

¿Cómo se especifica que el contenido de un <h1> debe aparecer en negrita y azul?. h1 > b { color:blue; }. h1 b { color:blue; }. h1 > b { font-weight:blue; }. b > h1 { color:blue; }.

¿Cómo se crea una lista ordenada en HTML?. <dl>. <li>. <ul>. <ol>.

Otra forma que tenemos de unir archivos es mediante la regla. No se puede referenciar un CSS externo desde HTML. !important. @import. /* */.

¿Cuál es la función principal de la etiqueta <div> en HTML?. Crear una lista. Crear un contenedor para agrupar otros elementos. Definir un enlace. Insertar una imagen.

¿Qué significa CSS?. Cascading Style Sheets. Computer Style Syntax. Central Style System. Creative Style System.

¿Cómo se aplica un fondo rojo a un título con clase 'color2'?. .color2 { bg:red; }. .color2 { color:red; }. h1.color2 { background:red; }. .color2 { background-color:red; }.

¿Cómo se selecciona un elemento <div> con ID 'cabecera' en CSS?. div#cabecera { }. id=cabecera { }. #cabecera { }. .cabecera { }.

¿Cuál es la forma correcta de aplicar un estilo negrita azul a un texto dentro de <b> en CSS?. bold { color:blue; }. b { text-decoration:blue; }. b { font-weight:blue; }. b { color:blue; }.

¿Qué error hay en este fragmento CSS?. El código es correcto, no tiene errores. No existe la propiedad background-repeat en CSS. No se pueden utilizar múltiples imágenes en background-image. No existe el valor no-repeat para la propiedad background-repeat.

¿Cómo se aplica un margen de 10px a un elemento con ID 'color1'?. #color1 { margin: 10px; }. color1 { margin:10px; }. .color1 { margin: 10px; }. #color1 { padding: 10px; }.

¿Cuál es la forma correcta de aplicar un estilo a un párrafo con ID 'content' para que sea azul?. .content { color:blue; }. #content { color:blue; }. content { color:blue; }. p#content { color:blue; }.

¿Cómo se aplica un borde sólido de 1px negro a un div directamente en HTML?. <div style="border-color:black; border-width:1px; border-style:solid;">. <div style="border:1px black;">. <div style="border:solid 1px black;">. <div style="border:1px solid black;">.

Selecciona los elementos que tienen ese mismo atributo y la palabra que debe comenzar por el valor que se pasa: [atributo]. [atributo ~= valor]. [atributo |= valor]. [atributo = valor].

Selecciona los elementos que tienen ese mismo atributo con el valor que se pasa: [atributo]. [atributo ~= valor]. [atributo |= valor]. [atributo = valor].

Selecciona los elementos que tienen ese mismo atributo con al menos un valor igual al especificado: [atributo]. [atributo ~= valor]. [atributo |= valor]. [atributo = valor].

Selecciona los elementos que tienen ese mismo atributo, sin importar su valor: [atributo]. [atributo ~= valor]. [atributo |= valor]. [atributo = valor].

¿Que hace este codigo?. Muestra "I live in DuckBurg" en color amarillo. Muestra "My name is Donald" en color amarillo. Muestra el texto contenido en h2 en color amarillo. Muestra todos los parrafos <p> en color amarillo.

Selecciona la afirmacion correcta sobre este codigo: <p style=”font-family:Verdana; font-size:medium;”></p>. Es un CSS en linea. Pone el texto en Negrita. Esta mal declarado el estilo. Pone el texto en cursiva.

¿Que hace este codigo?. Esta mal definido el estilo. Debería corregirse con id=classy. Muestra "Esto es un contenido con span" de color rojo. Muestra "Esto es un contenido con span" con el fondo de texto color azul. Muestra "Esto es un contenido con span" y "Esto es otro span" de color azul.

Si queremos aplicar un texto de color rojo y un tamaño de letra de 30 px, ¿qué opción será la correcta? <body> <h1>Ilerna Online</h1> <p>FORMACIÓN PROFESIONAL A DISTANCIA Y PRESENCIAL</p> </body>. p { text-color: red; font: 30px; }. p { font-color: red; font-size: 30px; }. p { color: red; font-size: 30px; }. p { color: red; font-size: 30; }.

¿Con qué opción de linea de estilo css podemos conseguir el siguiente resultado?. p enlace {font-size: 50px}. p {font-size: 50px}. p a {font-size: 50px}. p * a {Font-size: 50px}.

¿A qué parrafos afecta el estilo CSS?. hola, adios, juego. hola, adios. adios. hola, juego.

¿Con qué opción de línea de estilo CSS podemos conseguir el siguiente resultado?. p a {font-size: 50px}. div p {font-size: 50px}. p {font-size: 50px}. p * a {Font-size: 50px}.