CSS
COMENTARIOS |
ESTADÍSTICAS |
RÉCORDS
|
Título del Test: CSS Descripción: CSS - PW Fecha de Creación: 2020/02/03 Categoría: Otros Número Preguntas: 105
|
Nuevo Comentario| Comentarios |
|---|
NO HAY REGISTROS |
|
CSS (Cascading style sheets) se llama "hojas de estilo en cascada" porque las propiedades de un elemento se asignan en cascada en este orden: 1. Estilos predeterminados del navegador 2. Archivos CSS externos en una etiqueta <link> 3. Hojas de estilo internas en una etiqueta <style> en el <head> 4. Estilo en línea con el atributo style en el elemento HTML. 1. Estilos predeterminados del navegador 2. Hojas de estilo internas en una etiqueta <style> en el <head> 3. Archivos CSS externos en una etiqueta <link> 4. Estilo en línea con el atributo style en el elemento. 1. Estilos predeterminados del navegador 2. Estilo en línea con el atributo style en el elemento 3. Archivos CSS externos en una etiqueta <link> 4. Hojas de estilo internas en una etiqueta <style> en el <head>. Ninguna es correcta. ¿Cuál de las siguientes afirmaciones es correcta?. CSS describe la apariencia y el diseño de la información en una página web, a diferencia de HTML, que describe el contenido de la página. HTML describe la apariencia y el diseño de la información en una página web, a diferencia de CSS, que describe el contenido de la página. YML describe la apariencia y el diseño de la información en una página web, a diferencia de CSS, que describe el contenido de la página. Ninguna es correcta. ¿Cuál de las dos opciones sería una opción preferente?. Incrustar texto CSS en el HTML. Colocar en un archivo .css separado el texto. En los estilos inline, el atributo style ... tiene mayor prioridad que los estilos incrustados o vinculados. tiene menor prioridad que los estilos incrustados o vinculados. tiene la misma prioridad que los estilos incrustados o vinculados. Ninguna es correcta. El siguiente código, correspondiente a las hojas de estilo anidadas <style> : <head> <style type="text/css"> p { font-family: sans-serif; color: red; } h2 { background-color: yellow; } </style> </head> ¿Cuál de las siguientes afirmaciones es correcta?. Es un código CSS incrustado en el encabezado de una página HTML. Es un código HTML incrustado en el encabezado de una hoja de estilos CSS. Para realizar comentarios en CSS, ¿cuál de las siguientes formas están permitidas?. /* Comentario en CSS de bloque */ // Comentario en CSS en línea. /* Comentario en CSS de bloque */. // Comentario en CSS en línea. <!- Comentario en CSS de bloque ->. El selector * selecciona. todos los elementos. el primer elemento. el último elemento. Ninguna es correcta. Un archivo CSS consta de ... una o más reglas. cero o más reglas. una única regla. ninguna regla. ¿Cuál de estas afirmaciones es cierta sobre la sintaxis básica de reglas en CSS?. Se pueden seleccionar múltiples elementos separados por coma y los elementos individuales también pueden tener sus estilos propios. Se pueden seleccionar múltiples elementos separados por dos puntos y los elementos individuales también pueden tener sus estilos propios. Se pueden seleccionar múltiples elementos separados por coma y los elementos individuales no pueden tener sus estilos propios. Se pueden seleccionar múltiples elementos separados por dos puntos y los elementos individuales no pueden tener sus estilos propios. Si dos estilos establecen valores en conflicot para la misma propiedad, ... el último estilo tiene prioridad. el primer estilo tiene prioridad. se establece el valor por defecto del navegador. Ninguna es correcta. ¿Es cierta la siguiente afirmación? "Las propiedades específicas de fuentes(font-family o color) se heredan. Por ejemplo, al definir una propiedad color en <body>, y definir dentro un <div>, el <div> hereda esta propiedad". Si. No. Nidea, no he estudiado. ¿Cuál de los siguientes valores hereda el valor de la propiedad del elemento padre?. inherit. initial. unset. Ninguna es correcta. ¿Cuál de los siguientes valores establece el valor que tenía la propiedad inicialmente?. inherit. initial. unset. Ninguna es correcta. ¿Cuál de los siguientes valores hereda el valor de la propiedad del elemento padre, y en caso de no existir, su valor inicial?. inherit. initial. unset. Ninguna es correcta. ¿Cuál de las siguientes afirmaciones es cierta en la herencia de estilos en CSS?. Una regla puede anular una regla heredada más general. Una regla nunca puede anular una regla heredada más general. ¿Cuál de las siguientes afirmaciones es cierta en la Herencia de estilos CSS?. No todas las propiedades se heredan. Todas las propiedades se heredan. En CSS, ¿con qué simbolo se reconoce un selector ID?. . #. *. Ninguna es correcta. En CSS, ¿con qué simbolo se reconoce un selector de clase?. . #. *. Ninguna es correcta. Dado el siguiente código CSS: .desc { font-weight: bold; } p.especifica{ color: red; font-family: cursive; } ¿Qué elementos serán en negrita?. Cualquier elemento con clase desc. Cualquier elemento con clase desc que no tenga como id especifica. Cualquier elemento con clase desc que no tenga como id especifica y que no sea un <p>. Ninguna es correcta. Dado el siguiente código CSS: .desc { font-weight: bold; } p.especifica{ color: red; font-family: cursive; } ¿Qué elementos serán en rojo y en cursiva?. Cualquier elemento con clase especifica. Cualquier elemento con especifica y que sea un <p>. Cualquier elemento con clase especifica y que no sea un <p>. Ninguna es correcta. ¿Qué realiza el siguiente código? selector1 selector2 { properties }. Aplica las propiedades dadas a selector2 solo si está dentro de un selector1 en algún punto de la página. Aplica las propiedades dadas a selector2 sólo si se encuentra en el interior de un selector1 en la página (etiqueta selector2 está imediatamente dentro selector1 sin etiquetas de por medio). Aplica las propiedades dadas a selector1 solo si está dentro de un selector2 en algún punto de la página. Aplica las propiedades dadas a selector1 sólo si se encuentra en el interior de un selector2 en la página (etiqueta selector1 está imediatamente dentro selector2 sin etiquetas de por medio). ¿Qué realiza el siguiente código? selector1 > selector2 { properties }. Aplica las propiedades dadas a selector2 solo si está dentro de un selector1 en algún punto de la página. Aplica las propiedades dadas a selector2 sólo si se encuentra en el interior de un selector1 en la página (etiqueta selector2 está imediatamente dentro selector1 sin etiquetas de por medio). Aplica las propiedades dadas a selector1 solo si está dentro de un selector2 en algún punto de la página. Aplica las propiedades dadas a selector1 sólo si se encuentra en el interior de un selector2 en la página (etiqueta selector1 está imediatamente dentro selector2 sin etiquetas de por medio). Enlace con sus correspondientes selectores. Selector universal. Selector de tipo de elemento. Selector de clase. Selector de ID. Selector hijo. Selector descendiente. Selector de hermanos adyacente. Selector de hermanos general. ¿Que prioridad se aplica al tener dos o más declaraciones para el mismo elemento. La última declaración: Si todos los selectores son ídenticos, el último tiene prioridad. Declaración más específica: Selector más específico tiene prioridad sobre más general. P. ej.: h1 sobre *; p b sobre p. Declaración "importante": Agregar !important después de cualquier valor de prioridad indica que debe considerarse más importante que otras declaraciónes que se aplican al mismo elemento. ES RECOMENDABLE NO USAR. Ninguna es correcta. Todas son correctas. ¿En qué orden CSS analiza los cuatro conceptos clave en su código?. Importancia, ámbito, especificidad y orden. Importancia, especificidad, ámbito y orden. Importancia, ámbito, orden y especificidad. Ninguna es correcta. Selecciona el orden de varios tipos de hojas de estilo, de menor a mayor importancia: Agente de usuario, CSS de usuario y CSS de autor. Agente de usuario, CSS de autor y CSS de usuario. CSS de autor, Agente de usuario y CSS de usuario. Ninguna es correcta. ¿Qué es el tipo de hoja de estilo llamada Agente de usuario?. Son los estilos CSS que aplica el navegador por defecto. Son los estilos CSS que añade el usuario, por razones específicas, a modo de configuración global del navegador, para todas las páginas que visita. Son los estilos CSS que coloca el autor de la página, esto es, diseñadores y desarrolladores. Ninguna es correcta. ¿Qué es el tipo de hoja de estilo llamada CSS de usuario?. Son los estilos CSS que aplica el navegador por defecto. Son los estilos CSS que añade el usuario, por razones específicas, a modo de configuración global del navegador, para todas las páginas que visita. Son los estilos CSS que coloca el autor de la página, esto es, diseñadores y desarrolladores. Ninguna es correcta. ¿Qué es el tipo de hoja de estilo llamada CSS de autor?. Son los estilos CSS que aplica el navegador por defecto. Son los estilos CSS que añade el usuario, por razones específicas, a modo de configuración global del navegador, para todas las páginas que visita. Son los estilos CSS que coloca el autor de la página, esto es, diseñadores y desarrolladores. Ninguna es correcta. En el ámbito en CSS... Un conjunto de estilos puede estar limitado a un elemento en particular y sus elementos secundarios. Un conjunto de estilos no está nunca limitado a un elemento en particular y sus elementos secundarios. En general, si la importancia y el ámbito no eliminan ambigüedad, se aplican las siguientes reglas de especificidad: más identificadores (HTML ID) en el selector, gana; si empate: más clases, pseudoclases o atributos en el selector, gana; si empate: más nombres de elementos HTML en el selector, gana. más clases, pseudoclases o atributos en el selector, gana; si empate: más identificadores (HTML ID) en el selector, gana; si empate: más nombres de elementos HTML en el selector, gana. más identificadores (HTML ID) en el selector, gana; si empate: más nombres de elementos HTML en el selector, gana; si empate: más clases, pseudoclases o atributos en el selector, gana. Ninguna es correcta. En general, si la importancia, el ámbito y la especificidad no eliminan ambigüedad, cuán temprano o tarde aparece la declaración en la hoja de estilo servirá como último criterio, los cuales son: CSS embebido en el elemento HTML, gana; si empate: CSS interno en bloques <style> del documento, gana; si empate: CSS externos, gana. CSS interno en bloques <style> del documento, gana; si empate: CSS embebido en el elemento HTML, gana; si empate: CSS externos, gana. CSS embebido en el elemento HTML, gana; si empate: CSS externos, gana; si empate: CSS interno en bloques <style> del documento, gana. Ninguna es correcta. Enlace las descripciones con sus correspondientes estilos de texto. Alineamiento del texto dentro del elemento. Decoración asociada al texto. Texto con sombreado y relieve. Espaciado entre líneas, palabras y letras. Indenta la primera letra de cada párrafo. text-align puede tomar los valores. left, right, center o justify. middle, top, sub, left o right. overline, underline o line-through. Ninguna es correcta. vertical-align puede tomar los valores. left, right, center o justify. baseline, sub, super, top, text-top, middle, bottom o text-buttom. overline, underline o line-through. Ninguna es correcta. text-decoration-line, dentro de text-decoration, puede tomar los valores. solid, wavy, dashed, double. baseline, sub, super, top, text-top, middle, bottom o text-buttom. overline, underline o line-through. Ninguna es correcta. text-decoration-style, dentro de text-decoration, puede tomar los valores. solid, wavy, dashed, double. baseline, sub, super, top, text-top, middle, bottom o text-buttom. overline, underline o line-through. Ninguna es correcta. text-shadow, es decir, la sombra se especifica ... Como un desplazamiento x, un desplazamiento y, más un color opcional. Como un desplazamiento diagonal, más un color opcional. Como un desplazamiento x, un desplazamiento y, más un color obligatorio. Ninguna es correcta. Leading es ... el espacio entre línea superior e inferior. la altura de una línea de texto completa. el espacio entre cada par de letras. Ninguna es correcta. line-height ... establece la altura de una línea de texto completa. permite aumentar o disminuir el espacio entre cada par de letras. permite controlar el hueco entre palabras. Ninguna es correcta. letter-spacing ... establece la altura de una línea de texto completa. permite aumentar o disminuir el espacio entre cada par de letras. permite controlar el hueco entre palabras. Ninguna es correcta. word-spacing ... establece la altura de una línea de texto completa. permite aumentar o disminuir el espacio entre cada par de letras. permite controlar el hueco entre palabras. Ninguna es correcta. El espacio predeterminado entre las palabras lo establece la tipografía. ~0.25em. ~0.30em. ~0.35em. Ninguna es correcta. ¿Cuál de los siguientes son unidades en el espacidado y tamaño?. pixels (px), point(pt), m-size(em). xx-small, x-small, small, medium, largue, x-large, xx-large, smaller, larger. 90%, 100%, 120%. Ninguna es correcta. ¿Cuál de los siguientes son tamaños de fuente vague en el espacidado y tamaño?. pixels (px), point(pt), m-size(em). xx-small, x-small, small, medium, largue, x-large, xx-large, smaller, larger. 90%, 100%, 120%. Ninguna es correcta. ¿Cuál de los siguientes son tamaños de fuente en porcentajes en el espacidado y tamaño?. pixels (px), point(pt), m-size(em). xx-small, x-small, small, medium, largue, x-large, xx-large, smaller, larger. 90%, 100%, 120%. Ninguna es correcta. ¿Cuál de los siguientes son nombres de fuente genéricos?. pixels (px), point(pt), m-size(em). xx-small, x-small, small, medium, largue, x-large, xx-large, smaller, larger. serif, sans-serif, cursive, fantasy, monospace. Ninguna es correcta. Dado el siguiente código: p { font-family: Garamond, _Times New Roman_, _Arial_; } Remplace los _ por su símbolo correspondiente (Solo escribir el simbolo). En el siguiente código: p { font-family: Garamond, "Times New Roman", serif; } Al especificarse varias fuentes, estas ¿cómo irán enumeradas?. De mayor a menor prioridad. De menor a mayor prioridad. font-weight ... asigna la anchura de la fuente, incluyendo la negrita. enfatiza el texto. se puede utilizar para especificar diferentes valores para la primera letra o línea dentro de un elemento. Ninguna es correcta. font-weight puede tomar los valores ... lightest, normal, bold o boldest. normal, italic o oblique. overline, underline o line-through. Ninguna es correcta. font-style ... asigna la anchura de la fuente, incluyendo la negrita. enfatiza el texto. se puede utilizar para especificar diferentes valores para la primera letra o línea dentro de un elemento. Ninguna es correcta. font-style puede tomar los valores ... lightest, normal, bold o boldest. normal, italic o oblique. overline, underline o line-through. Ninguna es correcta. :first-letter o :first-line ... asigna la anchura de la fuente, incluyendo la negrita. enfatiza el texto. se puede utilizar para especificar diferentes valores para la primera letra o línea dentro de un elemento. Ninguna es correcta. Los navegadores tienden a mostrar enlaces en azul y subrayados de manera predeterminada, cambiando la apariencia de los enlaces visitados para ayudar a los usuarios a saber qué enlaces han visitado ya. Para ello, en CSS se utilizan dos pseudo-clases para cambiar la apariencia de los enlaces, estos son: :link para el estilo de los enlaces que no han sido visitados :visited para el estilo de los enlaces en los que se ha hecho click. :bound para el estilo de los enlaces que no han sido visitados :visited para el estilo de los enlaces en los que se ha hecho click. :link para el estilo de los enlaces que no han sido visitados :callOn para el estilo de los enlaces en los que se ha hecho click. Ninguna es correcta. Otras pseudo-clases permiten cambiar la apariencia de un elemento cuando un usuario interactúa con ellos, ¿cuándo se aplica :hover?. se aplica cuando un usuario coloca el ratón (o dispositivo señalador) sobre un elemento HTML (por ejemplo: enlace, botón...). se aplica cuando un elemento es activado por un usuario (por ejemplo, cuando se presiona un botón o cuando se hace clic en un enlace). se aplica cuando un elemento obtiene el foco (por ejemplo, un control de formulario). Ninguna es correcta. Otras pseudo-clases permiten cambiar la apariencia de un elemento cuando un usuario interactúa con ellos, ¿cuándo se aplica :active?. se aplica cuando un usuario coloca el ratón (o dispositivo señalador) sobre un elemento HTML (por ejemplo: enlace, botón...). se aplica cuando un elemento es activado por un usuario (por ejemplo, cuando se presiona un botón o cuando se hace clic en un enlace). se aplica cuando un elemento obtiene el foco (por ejemplo, un control de formulario). Ninguna es correcta. Otras pseudo-clases permiten cambiar la apariencia de un elemento cuando un usuario interactúa con ellos, ¿cuándo se aplica :focus?. se aplica cuando un usuario coloca el ratón (o dispositivo señalador) sobre un elemento HTML (por ejemplo: enlace, botón...). se aplica cuando un elemento es activado por un usuario (por ejemplo, cuando se presiona un botón o cuando se hace clic en un enlace). se aplica cuando un elemento obtiene el foco (por ejemplo, un control de formulario). Ninguna es correcta. ¿Cuál de las siguientes afirmaciones es correcta?. La propiedad color es el color del texto de un elemento y la propiedad background-color es el color que aparecerá tras el elemento a modo de fondo. La propiedad background-color es el color del texto de un elemento y la propiedad color es el color que aparecerá tras el elemento a modo de fondo. ¿Cuáles son nombres de colores válidos para CSS?. aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. aguamarina, negro, azul, fucsia, gris, verde, lima, granate, azul marino, oliva, morado, rojo, plateado, verde azulado, blanco, amarillo. aqua, noir, bleu, fuchsia, gris, vert, citron vert, marron, marine, olive, violet, rouge, argent, turquoise, blanc, jaune. Ninguna es correcta. Enlace cada propiedad con su descripción. background-color. background-image. background-position. background-repeat. background-attachment. background. background image/color ... llena el área de contenido del elemento. puede repetirse(default), repeat-x, repeat-y, o no-repeat. el valor consta de dos componentes, cada uno de los cuales puede ser superior, izquierdo, derecho, inferior, central, un porcentaje o un valor de longitud en px, pt, etc. El valor puede ser negativo para desplazarse hacia la izquierda / arriba en una cantidad dada. Ninguna es correcta. background-repeat ... llena el área de contenido del elemento. puede repetirse(default), repeat-x, repeat-y, o no-repeat. el valor consta de dos componentes, cada uno de los cuales puede ser superior, izquierdo, derecho, inferior, central, un porcentaje o un valor de longitud en px, pt, etc. El valor puede ser negativo para desplazarse hacia la izquierda / arriba en una cantidad dada. Ninguna es correcta. background-position ... llena el área de contenido del elemento. puede repetirse(default), repeat-x, repeat-y, o no-repeat. el valor consta de dos componentes, cada uno de los cuales puede ser superior, izquierdo, derecho, inferior, central, un porcentaje o un valor de longitud en px, pt, etc. El valor puede ser negativo para desplazarse hacia la izquierda / arriba en una cantidad dada. Ninguna es correcta. En el modelo de caja de CSS, para propósitos de diseño, cada elemento está compuesto de: El contenido del elemento Un border alrededor del elemento Padding entre el contenido y el border(inside) Un margin entre el border y otro contenido externo. El contenido del elemento Un boxxer alrededor del elemento Swuing entre el contenido y el boxxer(inside) Un extrem entre el boxxer y el otro contenido externo. El contenido del elemento Un margin entre el contenido del elemento y otro contenido externo. Ninguna es correcta. Indique cual de las opciones es la suma de distancias que da width. content-width + L/R-padding + L/R-border + L/R-margin. content-height + T/B-padding + T/B-border + T/B-margin. content-width + T/B-padding + T/B-border + T/B-margin. content-height + L/R-padding + L/R-border + L/R-margin. Indique cual de las opciones es la suma de distancias que da height. content-width + L/R-padding + L/R-border + L/R-margin. content-height + T/B-padding + T/B-border + T/B-margin. content-width + T/B-padding + T/B-border + T/B-margin. content-height + L/R-padding + L/R-border + L/R-margin. Seleccione con su descripción. width, height. max-width, max-height, min-width, min-height. border. border-color, border-width, border-style. border-bottom, border-left, border-right, border-top. border-bottom-color, border-bottom-style, border-bottom-width, border-left-color, border-left-style, border-left-width, border-right-color, border-right-style, border-right-width, border-top-color, border-top-style. ¿Cuál de las siguientes características pertenecen a un border?. Cada caja tiene uno, aunque sea invisible o especificado para ser 0 pixels (px) de ancho. Separa el borde de una caja de otra. Se localiza fuera de la frontera del borde. Puede establecer el border width para crear un espacio entre el border de dos cajas adyacentes. El espacio entre el border de una caja y su contenido Agregarlo aumenta la legibilidad del contenido. Ninguna es correcta. ¿Cuál de las siguientes características pertenecen a un margin?. Cada caja tiene uno, aunque sea invisible o especificado para ser 0 pixels (px) de ancho. Separa el borde de una caja de otra. Se localiza fuera de la frontera del borde. Puede establecer el margin width para crear un espacio entre el border de dos cajas adyacentes. El espacio entre el margin de una caja y su contenido Agregarlo aumenta la legibilidad del contenido. Ninguna es correcta. ¿Cuál de las siguientes características pertenecen a un padding?. Cada caja tiene uno, aunque sea invisible o especificado para ser 0 pixels (px) de ancho. Separa el borde de una caja de otra. Se localiza fuera de la frontera del borde. Puede establecer el padding width para crear un espacio entre el border de dos cajas adyacentes. El espacio entre el border de una caja y su contenido Agregarlo aumenta la legibilidad del contenido. Ninguna es correcta. ¿Cuál de los siguientes asemejarias más a la propiedad border thickness?. Especificado en px, pt, em o thin, medium, thick. none, hidden, dotted, dashed, double, groove, inset, outset, ridge, solid. aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. Ninguna es correcta. ¿Cuál de los siguientes asemejarias más a la propiedad border style?. Especificado en px, pt, em o thin, medium, thick. none, hidden, dotted, dashed, double, groove, inset, outset, ridge, solid. aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. Ninguna es correcta. ¿Cuál de los siguientes asemejarias más a la propiedad border color?. Especificado en px, pt, em o thin, medium, thick. none, hidden, dotted, dashed, double, groove, inset, outset, ridge, solid. aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow, etc... Ninguna es correcta. Enlace cada propiedad con su descripción. margin. margin-bottom. margin-left. margin-right. margin-top. padding. padding-bottom. padding-left. padding-right. padding-top. ¿Qué realiza text-align: center ?. Centrar los elementos en línea dentro de un elemento de bloque. Permite mostrar un elemento en línea como si fuera un elemento de nivel de bloque y viceversa. También se puede usar para ocultar un elemento. Permite ocultar cuadros a los usuarios pero deja un espacio donde habría estaod el elemento. Ninguna es correcta. ¿Qué realiza display ?. Centrar los elementos en línea dentro de un elemento de bloque. Permite mostrar un elemento en línea como si fuera un elemento de nivel de bloque y viceversa. También se puede usar para ocultar un elemento. Permite ocultar cuadros a los usuarios pero deja un espacio donde habría estaod el elemento. Ninguna es correcta. ¿Cuáles son los posibles valores de display?. inline, block, inline-block, none. hidden, visible. most, ocult, visibility, available, unavailable. Ninguna es correcta. ¿Qué hace el valor inline de display?. hace que un elemento a nivel de bloque actúe como un elemento en línea. hace que un elemento en línea actúe como un elemento de nivel de bloque. hace que un elemento a nivel de bloque fluya como un elemento en línea mientras conserva otras características de un elemento a nivel de bloque (por ejemplo, dimensiones). Ninguna es correcta. ¿Qué hace el valor block de display?. hace que un elemento a nivel de bloque actúe como un elemento en línea. hace que un elemento en línea actúe como un elemento de nivel de bloque. hace que un elemento a nivel de bloque fluya como un elemento en línea mientras conserva otras características de un elemento a nivel de bloque (por ejemplo, dimensiones). Ninguna es correcta. ¿Qué hace el valor inline-block de display?. hace que un elemento a nivel de bloque actúe como un elemento en línea. hace que un elemento en línea actúe como un elemento de nivel de bloque. hace que un elemento a nivel de bloque fluya como un elemento en línea mientras conserva otras características de un elemento a nivel de bloque (por ejemplo, dimensiones). Ninguna es correcta. ¿Qué hace el valor none de display?. oculta el elemento de la página (frecuente con Javascript para ocultar elementos). oculta el elemento (pero deja un espacio en blanco en su lugar). muestra el elemento. Ninguna es correcta. ¿Qué realiza visibility ?. Centrar los elementos en línea dentro de un elemento de bloque. Permite mostrar un elemento en línea como si fuera un elemento de nivel de bloque y viceversa. También se puede usar para ocultar un elemento. Permite ocultar cuadros a los usuarios pero deja un espacio donde habría estaod el elemento. Ninguna es correcta. ¿Cuáles son los posibles valores de visibility?. inline, block, inline-block, none. hidden, visible. most, ocult, visibility, available, unavailable. Ninguna es correcta. ¿Qué hace el valor hidden de visibility?. oculta el elemento de la página (frecuente con Javascript para ocultar elementos). oculta el elemento (pero deja un espacio en blanco en su lugar). muestra el elemento. Ninguna es correcta. ¿Qué hace el valor visible de visibility?. oculta el elemento de la página (frecuente con Javascript para ocultar elementos). oculta el elemento (pero deja un espacio en blanco en su lugar). muestra el elemento. Ninguna es correcta. Sobre el posicionamiento, ¿qué realiza la propiedad float?. lado sobre el que posicionarse; puede ser izquierda, derecha, o ninguno (por defecto). No permite que los elementos flotantes se superpongan a este elemento; puede ser izquierda, derecha, ambas o ninguna (por defecto). especifica qué hacer si el contenido de un elemento es demasiado grande; puede ser automático, visible, oculto o desplazarse. Ninguna es correcta. Sobre el posicionamiento, ¿qué realiza la propiedad clear?. lado sobre el que posicionarse; puede ser izquierda, derecha, o ninguno (por defecto). No permite que los elementos flotantes se superpongan a este elemento; puede ser izquierda, derecha, ambas o ninguna (por defecto). especifica qué hacer si el contenido de un elemento es demasiado grande; puede ser automático, visible, oculto o desplazarse. Ninguna es correcta. Sobre el posicionamiento, ¿qué realiza la propiedad overflow?. lado sobre el que posicionarse; puede ser izquierda, derecha, o ninguno (por defecto). No permite que los elementos flotantes se superpongan a este elemento; puede ser izquierda, derecha, ambas o ninguna (por defecto). especifica qué hacer si el contenido de un elemento es demasiado grande; puede ser automático, visible, oculto o desplazarse. Ninguna es correcta. ¿Cuál de las siguientes características corresponde a position: fixed?. Eliminado del flujo normal (como los flotantes) Posicionado en relación con la ventana del navegador, incluso si el usuario desplaza la ventana, el elemento permanecerá en el mismo lugar. Eliminado del flujo normal (como los flotantes) Posicionadorespecto al elemento de bloqueque los contiene (suponiendo que el bloque use posicionamiento absolute o relative) Posición real determinada por los valores top, bottom, left, right A menudo también debe especificar una propiedad width. Para hacer que el elemento absoluto se posicione en relación con la esquina de algún otro elemento, se envuelve el elemento absolute en un elemento cuya position sea fixed. Ninguna es correcta. ¿Cuál de las siguientes características corresponde a position: absolute?. Eliminado del flujo normal (como los flotantes) Posicionado en relación con la ventana del navegador, incluso si el usuario desplaza la ventana, el elemento permanecerá en el mismo lugar. Eliminado del flujo normal (como los flotantes) Posicionadorespecto al elemento de bloqueque los contiene (suponiendo que el bloque use posicionamiento absolute o relative) Posición real determinada por los valores top, bottom, left, right A menudo también debe especificar una propiedad width. Para hacer que el elemento absoluto se posicione en relación con la esquina de algún otro elemento, se envuelve el elemento absolute en un elemento cuya position sea absolute. Ninguna es correcta. ¿Cuál de las siguientes características corresponde a position: relative?. Eliminado del flujo normal (como los flotantes) Posicionado en relación con la ventana del navegador, incluso si el usuario desplaza la ventana, el elemento permanecerá en el mismo lugar. Eliminado del flujo normal (como los flotantes) Posicionadorespecto al elemento de bloqueque los contiene (suponiendo que el bloque use posicionamiento absolute o relative) Posición real determinada por los valores top, bottom, left, right A menudo también debe especificar una propiedad width. Para hacer que el elemento absoluto se posicione en relación con la esquina de algún otro elemento, se envuelve el elemento absolute en un elemento cuya position sea relative. Ninguna es correcta. Enlace cada propiedad con su definición. position: static. position: relative. position: absolute. position: fixed. top, bottom, left, right. ¿Cuál es el orden de preferencia que se tiene a la hora de tratar un elemento?. 1º Alineación 2º Flotación 3º Posicionamiento. 1º Flotación 2º Alineación 3º Posicionamiento. 1º Alineación 2º Posicionamiento 3º Flotación. Ninguna es correcta. Alineación horizontal (text-align): Si se establece esto en un elemento de bloque; se alinea el contenido dentro de él (no el elemento de bloque en sí). Si se establece esto en un elemento en línea, lo alinea verticalmente dentro de su elemento contenedor. Ninguna es correcta. Alineación vertical (vertical-align): Si se establece esto en un elemento de bloque; se alinea el contenido dentro de él (no el elemento de bloque en sí). Si se establece esto en un elemento en línea, lo alinea verticalmente dentro de su elemento contenedor. Ninguna es correcta. Enlace la característica con las propiedades. Propiedades que se ignoran para las cajas inline. Propiedades que NO se ignoran para las cajas inline. La propiedad text-align ... del cuadro de bloque contenedor controla la posición horizontal de los cuadros inline dentro de él. de cada cuadro inline lo alinea verticalmente dentro de su cuadro de bloque. Ninguna es correcta. La propiedad vertical-align ... del cuadro de bloque contenedor controla la posición horizontal de los cuadros inline dentro de él. de cada cuadro inline lo alinea verticalmente dentro de su cuadro de bloque. Ninguna es correcta. HTML y CSS proporcionan muchas funciones que ... deben usarse con criterio. deben usarse de todas las formas ocurrentes. deben usarse como quiera cada uno. Ninguna es correcta. ¿Es preferible utilizar funciones que distraigan del contenido de la página?. Si. No. Al utilizar los colores y fuentes (no predeterminados) con cuidado, ¿cuales de los siguientes es un buen consejo?. No inventar: p.ej. texto morado sobre fondo rosa. No utilizar fuentes "extrañas" (que incluyen Comic Sans. Aplicar principalmente una fuente oscura sobre un fondo claro. Todos son correctos. ¿Cuál es el porcentaje de personas que tienen algún tipo de daltonismo?. 15-17%. 8-10%. No estamos en biologia. Ninguna es correcta. Algunas personas usan lectores de pantalla para leer el contenido de las paginas, por lo que ... siempre debe favorecerse su integración y considerarlas. no siempre debe favorecerse su integración y considerarlas. ¿qué coño es un lector de pantalla?. Ninguna es correcta. ¿Cuál de los siguientes consejos es útil a la hora de la guía de diseño?. Todas son correctas. Utilizar unidades relativas para tamaños de fuente, nunca px fijos. Utilizar las imágenesapropiadamente. Evitar imágenes de fondo brillantes que oculten el texto en 1er plano. Evitar imágenes “clicables” en lugar de botones estándar para enlaces, ya que, ralentizan la descarga de la página. No existe un tamaño específico de ventana o de fuente para el diseño, ya que el usuario lo podría cambiar, por lo que use un diseño adaptativo o responsive. Dividir una página grande en varias más pequeñas o proporcionar un menú adecuado para la navegación. Utilizar hojas de estilo para realizar fácilmente cambios en el estilo y diseño. Respetar las características estándar y probar todo en varios navegadores. Ninguna es correcta. |