Hulio

¿Cuál de las siguientes propiedades se utiliza para centrar un elemento horizontalmente en CSS?. align: center;. text-align: center;. margin: auto;. display: center;.

¿Cuál es la función de la propiedad box-sizing en CSS?. Cambiar el comportamiento de la propiedad margin. Modificar cómo se calculan el ancho y el alto de un elemento, incluyendo el padding y el borde. Ajustar el tamaño del texto en un elemento. Establecer la visibilidad de un elemento en el flujo de la página.

¿Cuál de las siguientes afirmaciones sobre la especificidad CSS es correcta?. Un selector basado en un ID tiene un valor de especificidad mayor que un selector basado en una clase. Un selector basado en una clase tiene un valor de especificidad igual a un selector basado en un elemento. Un selector basado en un elemento tiene un valor de especificidad igual a un selector basado en un ID. La especificidad no afecta la forma en que se aplican los estilos CSS.

¿Qué selector de CSS se utiliza para seleccionar todos los elementos de una página que coinciden con una etiqueta específica?. #page. .primary. Button.primary. div.

¿Qué pseudo-selector de CSS selecciona un elemento cuando el usuario hace clic sobre él?. :focus-within. :hover. :active. :focus-visible.

¿Qué tipo de posicionamiento mueve un elemento en relación con su contenedor padre?. sticky. static. absolute. relative.

Respecto a las Pseudoclases de formularios. Que tipo de pseudoclase se utiliza para detectar si un campo de un formulario esta activado o desactivado o cierta información relacionada con él?. De Validación. De Interacción. De estado. De Resaltado.

La sintaxis de los pseudoelementos está precedida de __ para diferenciarlos de las pseudoclases: Solo dos puntos (:). Dos puntos dobles (::). Una coma (,). Un asterisco (*).

¿Cuál de los siguientes no es una opción de gradiente?. Circle-gradient. Linear-gradient. Radial-gradient. Conic-gradient.

¿Qué es la Especificidad en CSS?. Un método para determinar el orden en que se cargan las hojas de estilo en una página web. Un mecanismo del navegador para resolver conflictos entre reglas CSS asignando un valor numérico a los selectores. Una técnica para optimizar el rendimiento de las animaciones CSS. Una forma de definir variables globales en CSS para su reutilización.

¿Cuál NO es una característica de los elementos tipo block?. Los elementos se apilan uno encima de otro (en vertical). Por defecto, usa todo el ancho (en horizontal) disponible. Si usas width o height, obedece y cambia el tamaño del elemento. Proporciona una forma de seleccionar los elementos que sean el único hijo de su elemento padre.

¿Cuál de las siguientes afirmaciones sobre el posicionamiento fijo (position: fixed) en CSS es correcta?. El elemento con position: fixed se posiciona respecto al primer elemento contenedor con position: relative. El elemento con position: fixed se mueve junto con el contenido de la página al hacer scroll. El elemento con position: fixed se posiciona respecto a la ventana del navegador y permanece fijo incluso al hacer scroll. El elemento con position: fixed solo se puede utilizar en elementos de tipo bloque.

¿Cuál de los siguientes selectores se usa para seleccionar todos los elementos con un atributo específico, sin importar su valor?. elemento[atributo="valor"]. elemento[atributo^="valor"]. elemento[atributo]. elemento[atributo$="valor"].

¿Qué significan las siglas CSS?. Creative Style System. Cascading Style Sheets. Computer Styling System. Colorful Style Sheets.

¿Cuál de estos es un selector de clase en CSS?. #miClase. .miClase. @miClase. $miClase.

¿Cuáles son los pilares fundamentales a la hora de crear estilo a un documento?. Reglas. Datos. Unidades de longitud absoluta. Descendencia.

¿Cuál no es un tipo de selector?. Lógico. Pseudoclases. Combinadores. Binarios.

¿Con qué comando centramos el contenido horizontalmente que tiene el div?. text-align. center-content. los dos son válidos. Ninguno es válido.

¿Qué propiedad CSS se utiliza para controlar el espacio entre el borde de un elemento y su contenido?. margin. border. padding. width.

¿Cuál de los siguientes selectores se usa para aplicar estilos a un elemento con un identificador específico (Debería ser un único elemento)?. .elemento. #elemento. *elemento. $elemento.

¿Qué valor debemos darle a la propiedad position para un posicionamiento fijo con desplazamiento?. Sticky. Static. Fixed. Relative.

¿Cuál es la extensión de un archivo de estilos en CSS?. html. .css. .js. .xml.

¿Qué propiedad en CSS se usa para cambiar el tamaño del texto?. font-size. text-color. background. width.

¿Qué unidad de medida en CSS representa píxeles?. cm. px. %. em.

Señala cuál de las siguientes NO es una unidad de longitudes relativas: em. rem. ex. ej.

e los selectores lógicos, concretamente en el selector lógico “:not()”, indica cuál de las siguientes es falsa: Resulta muy útil ya que nos permite seleccionar los elementos que no cumplen los criterios indicados. Sirve para simplificar algunos fragmentos de CSS. A y B son ciertas. Resulta muy útil ya que nos permite seleccionar los elementos que cumplen los criterios indicados.

Dentro de las siguientes pseudoclases, ¿cuál sería la relacionada con la ubicación?. :root. :focus. :lang(). :link.

¿Cuál es el propósito del modelo de cajas en CSS?. Establecer el diseño de los párrafos en HTML. Definir la relación entre elementos anidados. Especificar el tamaño, los márgenes, los bordes y el relleno de un elemento. Aplicar colores de fondo y bordes a los elementos.

¿Qué valor de la propiedad “position” permite fijar un elemento de la pantalla aunque se haga scroll?. relative. absolute. fixed. static.

¿Cuál de las siguientes unidades de medida en CSS es relativa?. cm. px. em. in.

¿Qué realiza la propiedad “inset” dentro del posicionamiento de elementos?. Empuja el elemento una distancia desde la parte superior hacia la inferior. Empuja el elemento una distancia desde la parte izquierda hacia la derecha. Empuja el elemento una distancia desde la parte inferior hacia la superior. Es una propiedad de atajo para utilizar todas las opciones anteriormente mencionadas.

¿Cuál de las siguientes pseudoclases se utiliza para modificar elementos según el idioma?. :root. :lang(). nth-of-type(n). :empty.

¿Qué selector nos indica que el atributo comienza con un determinado valor?. [atributo=“valor”]. [atributo$=“valor”]. [atributo^=“valor”]. [atributo*=“valor”].

Para posicionar elementos en base a un elemento padre contenedor, ¿qué se usa?. position: relative. position: absolute. position: fixed. position: sticky.

Podemos indicar a la propiedad display que el navegador no debe renderizar (dibujar) el elemento ni sus hijos y, aunque exista en el HTML, no se mostrará. ¿Con qué valor se hace?. show. position. none. view.

¿Qué pseudoelementos permiten hacer referencia a «justo antes del elemento» y «justo después del elemento»?. ::before y ::next. ::first y ::last. ::preview y ::after. ::before y ::after.

¿Cuál de las siguientes afirmaciones sobre CSS y HTML es correcta?. CSS es un lenguaje de marcas que define la estructura de una página web. CSS solo puede aplicarse mediante archivos externos .css, ya que no se admite en documentos HTML. CSS permite separar el contenido de la presentación, lo que facilita la reutilización del código. Todas las anteriores son falsas.

En el modelo de cajas de CSS, ¿qué sucede si se establece la propiedad ‘box-sizing: border-box’ en un elemento?. El padding y el border se incluyen dentro del tamaño total del elemento sin afectar su width y height. El width y height del elemento aumentan en función del padding y border, expandiendo su tamaño total. Solo el padding se incluye dentro del tamaño total del elemento, mientras que el border se mantiene fuera. El padding y el border se incluyen dentro del tamaño total del elemento afectando a su width y height.

¿Cuál de las siguientes reglas tiene mayor especificidad en CSS?. .nav-item.active { color: green; }. nav ul li { color: blue; }. #menu .item { color: red; }. nav li ul {color yellow}.

Para que las reglas CSS tengan efecto sobre los elementos de un documento HTML, se deben de vincular con este, señale la falsa: Como un documento externo CSS. Como un documento HTMX. Como una asignación inline. Como una declaración CSS interna.

Características de los elementos que se utilizan dentro de un párrafo inline, señale la incorrecta: Los elementos se alinean uno detrás de otro (en horizontal). Su tamaño o dimensiones se adaptan al de su contenido. Aunque uses width o height, se ignora y no cambia tamaño. Los elementos se apilan uno encima de otro (en vertical).

¿Cuales de las siguientes no es una función de gradientes?. linear. radial. background. conic.

En cuanto a las pseudoclases de estructura, cuál es la pseudoclase que se utiliza para seleccionar el primer elemento hijo (de cualquier tipo). :first-child. :nth-child(n). root. last-child.

En cuanto a las pseudoclases de formularios, según su estado, cual es la pseudoclase que seleccionamos cuando el campo del formulario está activado: :enabled. :disabled. read-write. Ninguna de las anteriores.

Cuales de las siguientes definiciones es la correcta: El valor de posicionamiento top: empuja el elemento una distancia desde la parte superior hacia la inferior. El valor de posicionamiento top: Propiedad de atajo. ‐---------------------------------mamaporra el que hizo esta pregunta. El valor de posicionamiento top: empuja el elemento una distancia desde la parte derecha hacia la izquierda.

De la siguiente imagen a continuación, ¿qué valor se utiliza para fijar un elemento?: Fixed. Center. Top:0. Width.

¿Cuál de las siguientes funciones de CSS se utiliza para crear un gradiente que cambia de color en forma circular desde un punto central?. linear-gradient(). radial-gradient(). conic-gradient(). solid-gradient().

PROPIEDAD DISPLAY; INLINE: ¿Cuál de las siguientes afirmaciones es verdadera respecto al comportamiento de los elementos <div> y <span> de la imagen proporcionada?. Los elementos <div> se muestran en línea y los <span> en bloque. Los elementos <div> y <span> y span se muestran en línea. Los elementos <div> se muestran en bloque y los <span> en línea. Los elementos <div> <span> se muestran en bloque.

El posicionamiento………se suele utilizar cuando queremos que un elemento se posicione en un lugar específico de forma fija, como el elemento fijo(fixed), pero solo en un momento o a una altura determinada. sticky. relative. absolute. Ninguna.

Es un principio fundamental que define cómo los estilos se aplican y se combinan cuando hay múltiples reglas que afectan a un mismo elemento. Cascada. Pseudoelementos. Herencia. Ninguna.

¿Cómo cambiamos la fuente?. @font-face. @fuente. #font-face. @import.

Selectores. Selectores combinadores. Señale la opción correcta: Un combinador CSS es un símbolo que permite combinar dos selectores. La sintaxis de un combinador descendiente se basa en colocar los elementos uno a continuación del otro, separado por un punto. Combinador hijo es similar a combinador descendiente, solo que combinador hijo solo selecciona los descendientes directos (hijos directos) del elemento con el símbolo ($). Aquellos elementos que están directamente a continuación del elemento especificado, mediante el símbolo +, pertenece al combinador hermano contiguo o adyacentes.

El __________________ se simboliza con un __________________ y es la forma de aplicar ciertos estilos en todos y cada uno de los elementos _________________ correspondientes. Señale la opción correcta: Combinador hermano / elemento sumatorio (+) / HTML. Selector universal / asterisco (*) / HTML. Selector descendiente / asterisco (*) / HTML. Selector universal / almohadilla (*) / HTML.

Valores y unidades. Unidades de longitud absoluta. Las unidades de longitud absoluta representan sin importar en qué contexto se encuentre el componente al que hacen referencia. Algunas de esas unidades son (Señale la INCORRECTA): Pc y cm. Mm y K. In y pt. Pt y pc.

Pseudoclases de estructura. ¿A qué hace referencia el pseudoclase :root?. La pseudoclases :root hace referencia al elemento raíz del documento HTML. Con la pseudoclase :root podemos seleccionar el último elemento (o últimos elementos). La pseudoclase :root permite especificar el elemento hijo deseado, simplemente estableciendo su número en el parámetro (n). :root nos proporciona una forma de seleccionar los elementos que sean el único hijo de su elemento padre.

La propiedad Display. ¿Qué es el none?. .Conseguiremos un elemento que funcionará como si fuera un elemento inline. Podemos indicar a la propiedad display que el navegador no debe renderizar (dibujar) el elemento ni sus hijos y, aunque exista en el HTML, no se mostrará. Si queremos centrar el contenido horizontalmente que tiene el div, tenemos la propiedad “none”. Mediante la propiedad none podemos modificar la posición en donde aparecen los diferentes elementos y su contenido, al margen de utilizar sistemas como flex o grid.

Zonas de un elemento. ¿Qué zona corresponde a Botton?. Parte izquierda de un elemento. Parte derecha de un elemento. Parte inferior de un elemento. Parte superior de un elemento.

¿Cuál de los siguientes selectores combinadores CSS se utiliza para seleccionar elementos contiguos a otros?. #page > div. #page div. div + div. div ~ div.

¿Cuál de las siguientes afirmaciones sobre la palabra clave !important en CSS es correcta?. Se utiliza para disminuir la especificidad de una regla CSS. Es una buena práctica y se recomienda usarla siempre para asegurar estilos. Se usa para romper la especificidad y forzar la aplicación de un estilo. Solo funciona en reglas CSS dentro de archivos externos, no en estilos en línea.

¿Cuáles son las condiciones necesarias para centrar un elemento sin usar Flexbox ni Grid?. El elemento debe tener display inline y un ancho definido. El elemento debe tener display block y un tamaño de ancho definido. El elemento debe ser inline block y ocupar todo el ancho del contenedor. No se pueden centrar elementos sin usar Flexbox o Grid.

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

¿Qúe pseudoelemento se utiliza para aplicar estilos cuando el usuario pasa el ratón sobre un elemento?. :active. :hover. :focus. :visited.

¿Qué valor de la propiedad display se utiliza para mostrar un elemento en línea, pero permitiendo establecer ancho y alto?. inline. block. inline-block. flex.

¿Cuál es la función del pseudoelemento ::first-line en CSS?. Seleccionar y aplicar estilos a la primera letra de un texto. Seleccionar y aplicar estilos a la primera línea de un texto. Generar contenido antes del elemento seleccionado. Seleccionar el último elemento de una lista.

¿Cuál es una ventaja clave de usar selectores de clase (.clase) en CSS?. Las clases son únicas en todo el documento, por lo que se aplican a un solo elemento. Permiten aplicar estilos a múltiples elementos con la misma clase, facilitando la reutilización de estilos. Las clases solo pueden usarse en elementos de texto como <p> o <h1>. Tienen mayor especificidad que los selectores de ID (#id).

¿Qué propiedad CSS permite centrar verticalmente un elemento sin usar Flexbox o Grid?. margin: auto;. text-align: center;. align-content: center;. position: absolute;.

¿Qué aspecto clave corresponde a la Cascada en CSS?. Especificidad. Claridad. Cuantía. Clase.

¿Cómo se comportan los elementos <div>?. Blocks. Independientes. En grupo. En serie.

¿Qué posicionamiento usamos para situar un elemento en un lugar específico de forma fija?. Sticky. Relative. Fixed. Formed.

¿Cuál de las siguientes opciones generará un gradiente que pase de rojo a azul con una inclinación de 45 grados?. background: linear-gradient(to bottom, red, blue);. background: linear-gradient(to right, red, blue);. background: linear-gradient(45deg, red, blue);. background: radial-gradient(45deg, red, blue);.

¿Qué sucederá si un elemento con position: absolute; está dentro de un contenedor con position: static;?. Se posicionará con respecto a su contenedor padre. Se posicionará con respecto al elemento <html>. Se posicionará con respecto al primer ancestro con position: relative;. Se quedará fijo en la pantalla.

¿Qué propiedad de CSS no es heredable por defecto?. color. font-family. border. visibility.

¿Cuál de las siguientes no es una pseudo clase utilizada en formularios?. Interacción. De validación. De estructura. De estado.

¿A qué selección nos referimos cuando es posible utilizar varias clases en un mismo elemento HTML, simplemente separando por espacios dentro del atributo class?. Por clase. Por ID. Por etiqueta. Mixta.

La cascada participa mediante diferentes y variados caminos, ¿Cuales son?. Herencia. Especificidad. a y b son correctas. Ninguna es correcta.

¿En este código cuál es el comando que esta mal escrito?. align-items. fleex. height. display.

¿Cual es el error del siguiente bloque?. ‘background-colr’ deberia ser ‘background-color’. ‘magin’ deberia ser ‘margin’. Ambas A y B son correctas. No hay ningún error.

¿Cual sería el comando que esta bien escrito?. A. B. C.

¿Cuál de las siguientes opciones es incorrecta?. Un gradiente o degradado es básicamente un color que cambia a otro color de forma gradual o brusca. El gradiente puede cambiar a múltiples colores, formas o incluso direcciones. El posicionamiento absolute se utiliza para posicionar elementos en base a un elemento padre contenedor. En CSS existe un sistema llamado Herencia, que no permite que algunas propiedades se transmitan automáticamente desde un elemento HTML a sus elementos hijos. En CSS disponemos de dos tipos de cajas: en bloque y en línea.

Basándonos en las imágenes que a continuación se adjuntan, ¿qué podemos deducir?. Solo el campo "Apellidos" es obligatorio y tendrá un borde rojo. Los campos "Nombre" y "Nickname" son obligatorios y tendrán un borde rojo. Ningún campo es obligatorio, pero todos tendrán un borde rojo. Todos los campos son obligatorios, pero solo el "Nickname" tendrá un borde rojo.

A qué hace referencia el término "regla" en CSS?. Declaración sobre un estilo de uno o varios elementos. Está compuesta por dos partes diferenciadas: un selector y una declaración. Declaración sobre un estilo de uno o varios elementos. Está compuesta por tres partes diferenciadas: un selector, una propiedad y un valor. Declaración sobre la estructura de una página web. Está compuesta por un selector y una declaración. Declaración sobre el comportamiento de los elementos de una página. Está compuesta por un selector y una propiedad.

¿En qué consiste la cascada?. El código que se encuentre más arriba en el fichero será el válido. El código indiferentemente de su posición en el fichero será el válido. El código que se encuentre más abajo en el fichero será el válido. Ninguna de las anteriores.

El margin se usa para…. el límite que separa el interior del exterior del elemento. la parte exterior del elemento, por fuera del borde. la parte interior del elemento, entre el contenido y el borde. la parte interior del elemento, excluyendo el relleno.

Para <p class=”parrafo”>, ¿como haríamos referencia a la clase en el archivo .css?. #parrafo { }. p { }. .parrafo { }. parrafo { }.

¿Qué hace el selector :hover en CSS?. Cambia el color de un elemento cuando el usuario hace clic sobre él. Selecciona un elemento cuando el usuario pasa el ratón por encima de dicho elemento. Hace que un elemento desaparezca cuando el usuario pasa el ratón por encima de él. Modifica el tamaño de un elemento de forma permanente.

¿Qué hace el posicionamiento relativo en CSS?. El elemento se posiciona en relación a su contenedor más cercano. El elemento se mueve ligeramente desde su posición estática, sin afectar el flujo del documento. El elemento se posiciona en relación a la ventana del navegador. El elemento se posiciona de manera absoluta dentro del contenedor.

En CSS, ¿cómo se hace referencia a un ID, y cómo se indica en HTML?. En CSS se usa el símbolo . y en HTML se usa el atributo id="nombre". En CSS se usa el símbolo # y en HTML se usa el atributo id="nombre". En CSS se usa el símbolo @ y en HTML se usa el atributo id="nombre". En CSS se usa el símbolo ! y en HTML se usa el atributo id="nombre".