CSS Flashcards

(190 cards)

1
Q

¿En qué año se publicó la primera recomendación oficial de CSS (CSS1)?

A

1996

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

¿Qué versión de CSS introdujo por primera vez el soporte para fuentes, colores de fondo y alineación de texto?

A

CSS1

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

¿Qué versión de CSS añadió soporte para el diseño de páginas (posicionamiento absoluto/relativo) y tipos de medios (print)?

A

CSS2 (publicada en 1998)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

¿Qué nombre recibe la revisión de CSS2 que corrigió errores y es la base de la compatibilidad actual?

A

CSS 2.1

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

¿Cuál es el cambio estructural más importante en la transición de CSS2 a CSS3?

A

La división del estándar en ‘módulos’ independientes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

¿Qué permite que un módulo de CSS3 sea ‘Recomendación’ mientras otro sigue en ‘Borrador’?

A

La modularización (evita que el estándar se bloquee por una sola parte).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

¿Qué módulo de CSS3 permite aplicar diferentes estilos según el tamaño de la pantalla o resolución?

A

Media Queries

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

¿Qué nueva unidad de medida de CSS3 es relativa al tamaño de la fuente del elemento raíz (<html>)?

A

rem (root em)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

¿Cómo se llama la propiedad de CSS3 que permite añadir sombras a los elementos sin usar imágenes?

A

box-shadow

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

¿Qué módulo de CSS3 introdujo la capacidad de crear gradientes y esquinas redondeadas?

A

Módulo de Fondos y Bordes (Backgrounds and Borders)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

¿Qué técnica de CSS3 permite el uso de fuentes personalizadas descargadas del servidor?

A

@font-face

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

¿Qué módulo de CSS3 revolucionó el diseño unidimensional (filas o columnas) y la alineación?

A

Flexbox (Flexible Box Layout)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

¿Qué módulo de CSS3 se utiliza para el diseño bidimensional basado en rejillas?

A

CSS Grid Layout

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

¿Qué diferencia hay entre una transición y una animación en CSS3?

A

La transición requiere un cambio de estado (ej: :hover); la animación usa @keyframes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

¿Qué selector de CSS3 permite seleccionar el tercer hijo de un elemento contenedor?

A

nth-child(3)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

¿Qué propiedad de CSS3 permite modificar la forma de un elemento (rotar, escalar o inclinar)?

A

transform

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

¿Qué prefijo se utilizaba antiguamente en CSS3 para propiedades experimentales en navegadores basados en WebKit (Chrome/Safari)?

A

-webkit-

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

¿Qué módulo de CSS3 permite que el texto se distribuya automáticamente en varias columnas como en un periódico?

A

Multi-column Layout

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

¿Qué valor de la propiedad ‘display’ en CSS3 permite que un elemento se comporte como una tabla pero mantenga flexibilidad?

A

display: table-cell (y similares)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

¿Existe una versión ‘CSS4’ como un solo documento oficial de la W3C?

A

No, se sigue trabajando en ‘Niveles’ de módulos individuales (ej. Selectores Nivel 4).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

¿Cuál es la función principal de un preprocesador CSS?

A

Permitir el uso de variables, funciones y lógica de programación para generar CSS estándar.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

¿Cuál es la extensión de archivo más común de Sass que utiliza una sintaxis similar a CSS (con llaves y puntos y coma)?

A

.scss (Sassy CSS)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

¿En Sass, qué símbolo se utiliza para declarar una variable?

A

El símbolo del dólar ($)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

¿Qué directiva de Sass se utiliza para reutilizar bloques de código CSS en todo el sitio?

A

@mixin (se invoca con @include)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
¿Qué preprocesador CSS está escrito en JavaScript y se puede ejecutar tanto en el cliente como en el servidor?
Less
26
¿En Less, qué símbolo se utiliza para declarar una variable?
El símbolo de arroba (@)
27
¿Qué concepto de los preprocesadores permite escribir selectores dentro de otros, imitando la jerarquía de HTML?
Anidamiento (Nesting)
28
¿Qué comando o proceso es necesario para que el navegador pueda leer archivos .scss o .less?
Compilación (transpilar a .css estándar)
29
¿Qué directiva permite importar archivos parciales (ej. _variables.scss) dentro de un archivo principal?
@import
30
¿Qué preprocesador es conocido por ser el más flexible, permitiendo omitir llaves, dos puntos y puntos y coma si se desea?
Stylus
31
¿Cuál es el framework CSS más utilizado basado en componentes predefinidos y un sistema de rejilla de 12 columnas?
Bootstrap
32
¿Qué framework CSS se define como 'Utility-First' (basado en clases de utilidad en lugar de componentes)?
Tailwind CSS
33
¿Qué framework CSS destaca por no utilizar JavaScript y estar basado exclusivamente en Flexbox?
Bulma
34
¿Cómo se llama el sistema de diseño de Google que inspira a frameworks como Materialize o Vuetify?
Material Design
35
¿En Bootstrap, qué clase se utiliza para crear un contenedor que ocupa todo el ancho de la pantalla (fluid)?
.container-fluid
36
¿Qué ventaja principal ofrece Tailwind CSS frente a Bootstrap?
Mayor personalización sin salir del HTML y archivos finales más pequeños (mediante PurgeCSS).
37
¿Qué es una 'clase de utilidad' en el contexto de un framework CSS?
Una clase que realiza una única función específica (ej. 'text-center' o 'mt-5').
38
¿Qué versión de Bootstrap eliminó la dependencia de la librería jQuery?
Bootstrap 5
39
¿Qué componente de Bootstrap se utiliza para crear avisos o mensajes de retroalimentación de diferentes colores?
Alerts
40
¿Qué framework es conocido por su minimalismo y por usar nombres de clases muy semánticos (ej. 'is-primary')?
Bulma
41
¿Qué selector se utiliza para aplicar estilos a todos los elementos de una página sin excepción?
El selector universal (*).
42
¿Cómo se selecciona un elemento que tiene dos clases específicas simultáneamente (ej. 'clase1' y 'clase2')?
Concatenando los selectores sin espacio: .clase1.clase2
43
¿Qué combinador se utiliza para seleccionar solo los hijos directos de un elemento (excluyendo nietos)?
El combinador de hijo directo (>).
44
¿Qué combinador se utiliza para seleccionar un elemento que es el hermano adyacente inmediato (está justo después) de otro?
El combinador de hermano adyacente (+).
45
¿Qué combinador selecciona todos los hermanos de un elemento que compartan el mismo padre y aparezcan después de él?
El combinador general de hermanos (~).
46
¿Cómo se denomina al selector que permite aplicar estilos a un elemento basándose en la presencia o valor de un atributo?
Selector de atributo (ej. [type='text']).
47
¿Qué selector de atributo busca elementos cuyo valor de atributo empieza exactamente por una cadena de texto específica?
El selector [atributo^='valor'].
48
¿Qué selector de atributo busca elementos cuyo valor de atributo termina exactamente con una cadena de texto específica?
El selector [atributo$='valor'].
49
¿Qué selector de atributo busca elementos cuyo valor contiene una subcadena específica en cualquier posición?
El selector [atributo*='valor'].
50
¿Qué diferencia hay entre un pseudo-elemento y una pseudo-clase en cuanto a su sintaxis estándar actual?
La pseudo-clase usa un colon (:) y el pseudo-elemento usa doble colon (::).
51
¿Qué pseudo-clase se utiliza para seleccionar el primer hijo de un contenedor?
:first-child
52
¿Qué pseudo-clase selecciona elementos que no tienen ningún hijo (ni siquiera nodos de texto)?
:empty
53
¿Qué pseudo-clase permite aplicar estilos a un elemento cuando recibe el foco (ej. al clicar en un input)?
:focus
54
¿Qué pseudo-clase se utiliza para excluir elementos que coincidan con un selector específico?
:not(selector)
55
¿Qué pseudo-clase selecciona el 'n-ésimo' elemento de un tipo, permitiendo fórmulas como (2n)?
:nth-of-type(n)
56
¿Qué pseudo-clase selecciona un elemento que es el destino de un enlace interno (ancla) en la URL actual?
:target
57
¿Qué pseudo-elemento permite insertar contenido antes del contenido de un elemento mediante la propiedad 'content'?
::before
58
¿Qué pseudo-elemento se utiliza para aplicar estilos a la primera línea de un bloque de texto?
::first-line
59
¿Qué pseudo-elemento permite cambiar el estilo del texto que el usuario ha resaltado con el ratón?
::selection
60
¿Qué pseudo-clase representa la raíz del documento, que en HTML es equivalente al selector html pero con mayor especificidad?
:root
61
¿Cómo se denomina a la regla que permite importar hojas de estilo externas dentro de un archivo CSS?
@import
62
¿Qué at-rule se utiliza para definir el conjunto de caracteres de la hoja de estilo (debe ser la primera regla)?
@charset
63
¿Qué at-rule es fundamental para el diseño 'Responsive' al permitir aplicar estilos según las características del dispositivo?
@media
64
¿Qué at-rule permite definir una animación mediante pasos o porcentajes?
@keyframes
65
¿Qué at-rule permite cargar fuentes tipográficas personalizadas desde un servidor?
@font-face
66
¿Qué at-rule se utiliza para consultar si el navegador soporta una determinada característica de CSS antes de aplicarla?
@supports
67
¿Qué método de JavaScript devuelve el primer elemento que coincide con un grupo de selectores CSS especificado?
document.querySelector()
68
¿Qué método de JavaScript devuelve una NodeList (estática) con todos los elementos que coinciden con los selectores CSS?
document.querySelectorAll()
69
¿Qué ocurre si document.querySelector() no encuentra ninguna coincidencia en el DOM?
Devuelve null.
70
¿Cuál es la principal ventaja de querySelector sobre getElementById o getElementsByClassName?
Permite usar cualquier selector complejo de CSS (combinadores, atributos, pseudo-clases).
71
¿Cuál es la diferencia conceptual entre una pseudo-clase y un pseudo-elemento?
La pseudo-clase define un estado especial de un elemento existente; el pseudo-elemento permite dar estilo a partes específicas o insertar contenido ficticio.
72
¿Cuál es la sintaxis oficial de CSS3 para diferenciar pseudo-clases de pseudo-elementos?
Las pseudo-clases usan un único colon (:), los pseudo-elementos usan doble colon (::).
73
¿Qué pseudo-clase se activa cuando el usuario pasa el puntero del ratón sobre un elemento?
:hover
74
¿Qué pseudo-clase permite seleccionar un elemento que es el único hijo de su padre?
:only-child
75
¿Qué pseudo-clase selecciona un elemento que ha sido deshabilitado mediante el atributo 'disabled'?
:disabled
76
¿Qué pseudo-clase selecciona un elemento que está siendo visitado a través de un ID en la URL (ancla)?
:target
77
¿Qué pseudo-clase selecciona todos los elementos que NO coinciden con el selector pasado por argumento?
:not(selector)
78
¿Qué pseudo-clase selecciona elementos de tipo radio o checkbox que están marcados?
:checked
79
¿Qué diferencia hay entre :first-child y :first-of-type?
:first-child selecciona si es el primer hijo absoluto; :first-of-type selecciona el primer elemento de ese tipo específico dentro del padre.
80
¿Cómo seleccionarías todos los elementos impares de una lista usando pseudo-clases?
:nth-child(odd) o :nth-child(2n+1)
81
¿Qué propiedad es obligatoria para que los pseudo-elementos ::before y ::after se visualicen?
La propiedad 'content'.
82
¿Qué pseudo-elemento se utiliza para aplicar estilos a la primera letra de un párrafo?
::first-letter
83
¿Qué pseudo-elemento permite modificar el estilo del marcador (punto o número) de una lista
  • ?
  • ::marker
    84
    ¿Qué pseudo-elemento permite aplicar estilos al texto de sugerencia dentro de un ?
    ::placeholder
    85
    ¿Qué pseudo-elemento se utiliza para dar estilo a la parte de un elemento que el usuario ha seleccionado/resaltado?
    ::selection
    86
    ¿Qué pseudo-clase se aplica a un elemento que es el último hijo de su padre?
    :last-child
    87
    ¿En qué estado se encuentra un enlace () que aún no ha sido pulsado, según su pseudo-clase?
    :link
    88
    ¿Qué pseudo-clase selecciona un cuyo valor actual cumple con las restricciones de validación (ej. un email bien escrito)?
    :valid
    89
    ¿A qué elemento equivale habitualmente la pseudo-clase :root en un documento HTML?
    Al elemento , pero con mayor especificidad.
    90
    ¿Qué pseudo-clase permite aplicar estilos a un elemento de formulario solo mientras el usuario está escribiendo en él?
    :focus
    91
    ¿Qué significan las siglas CSS en relación a la prioridad de estilos?
    Cascading Style Sheets (Hojas de Estilo en Cascada).
    92
    ¿Cuáles son los tres factores que determinan qué regla se aplica a un elemento, en orden de prioridad?
    1. Importancia, 2. Especificidad, 3. Orden de aparición.
    93
    ¿Qué modificador se puede añadir a una declaración para saltarse las reglas de especificidad y darle prioridad máxima?
    !important
    94
    ¿Cuál es el orden de prioridad según el origen de la hoja de estilo (de menor a mayor)?
    1. Navegador (User Agent), 2. Usuario, 3. Autor (Desarrollador).
    95
    Si dos reglas tienen la misma importancia y especificidad, ¿cuál de ellas se aplica?
    La última que haya sido declarada en el código (orden de aparición).
    96
    ¿Qué ocurre si un estilo definido en el atributo 'style' de HTML choca con uno en un archivo .css externo?
    Gana el estilo del atributo 'style' (estilos en línea).
    97
    En la cascada, ¿qué tiene más peso: un estilo de autor con !important o un estilo de usuario con !important?
    El estilo de usuario con !important (es la excepción para garantizar la accesibilidad).
    98
    ¿Qué at-rule permite agrupar reglas en capas para gestionar la cascada independientemente de la especificidad?
    @layer
    99
    Si una propiedad no está definida en ninguna hoja de estilo ni se hereda, ¿qué valor aplica el navegador?
    El valor inicial (Initial value) definido por el estándar para esa propiedad.
    100
    ¿Cómo afecta el uso de 'shorthand properties' (ej. background) a la cascada?
    Las shorthands sobrescriben todas las propiedades individuales relacionadas, aunque no se definan explícitamente (ej. resetea background-position).
    101
    ¿Cuáles son las cuatro categorías (o columnas) que calculan la especificidad de un selector?
    Estilos en línea, IDs, Clases/Atributos/Pseudo-clases, Elementos/Pseudo-elementos.
    102
    ¿Cuál es el valor de especificidad de un selector de ID (ej. #cabecera)?
    (0, 1, 0, 0)
    103
    ¿Cuál es el valor de especificidad de una clase, un selector de atributo o una pseudo-clase?
    (0, 0, 1, 0)
    104
    ¿Cuál es el valor de especificidad de un selector de elemento (p, div) o un pseudo-elemento (::before)?
    (0, 0, 0, 1)
    105
    ¿Qué valor de especificidad aporta el selector universal (*) y los combinadores (+, >, ~)?
    Cero (0, 0, 0, 0).
    106
    ¿Qué tiene más especificidad: un selector con 10 clases o un selector con 1 ID?
    El selector con 1 ID (las columnas no se desbordan, 1 ID > infinito de clases).
    107
    ¿La pseudo-clase :not() añade especificidad por sí misma?
    No, :not() no suma nada, pero el selector que va dentro de los paréntesis sí suma su valor.
    108
    ¿Cuál es la especificidad de un estilo aplicado mediante el atributo 'style' en una etiqueta HTML?
    (1, 0, 0, 0)
    109
    Calcula la especificidad de: 'div#menu ul li.active'
    (0, 1, 1, 3) -> 1 ID, 1 clase, 3 elementos.
    110
    Calcula la especificidad de: 'header nav a:hover'
    (0, 0, 1, 3) -> 1 pseudo-clase, 3 elementos.
    111
    ¿Qué es la herencia en CSS?
    La capacidad de un elemento de adoptar los valores de ciertas propiedades de su elemento padre.
    112
    ¿Qué tipo de propiedades suelen heredarse por defecto en CSS?
    Propiedades de texto y tipografía (color, font-family, line-height, etc.).
    113
    ¿Qué tipo de propiedades NO se heredan por defecto?
    Propiedades de caja y diseño (margin, padding, border, width, height).
    114
    ¿Qué valor se utiliza para forzar a un elemento a heredar una propiedad de su padre que no se hereda por defecto?
    inherit
    115
    ¿Qué hace el valor 'initial' cuando se aplica a una propiedad?
    Establece la propiedad al valor inicial definido por la especificación oficial de CSS.
    116
    ¿Qué valor de propiedad resetea la herencia si la propiedad se hereda de forma natural, o actúa como 'initial' si no?
    unset
    117
    ¿Para qué sirve el valor 'revert' en una propiedad?
    Hace que la propiedad vuelva al valor que tendría si no hubiera ninguna regla de autor (vuelve al estilo del navegador).
    118
    ¿Qué propiedad permite resetear todas las propiedades de un elemento a sus valores iniciales o heredados de un solo golpe?
    all (ej. all: unset;)
    119
    ¿Se hereda la propiedad 'opacity' de padres a hijos?
    No se hereda técnicamente, pero el efecto visual se aplica a todo el grupo del contenedor padre.
    121
    ¿Cuál es el valor por defecto de la propiedad 'position' en todos los elementos?
    static (los elementos siguen el flujo normal del documento).
    122
    ¿Qué hace 'position: relative' sobre un elemento?
    Lo posiciona respecto a su ubicación original sin sacarlo del flujo del documento.
    123
    ¿Respecto a qué se posiciona un elemento con 'position: absolute'?
    Respecto a su ancestro posicionado más cercano (que no sea static) o, en su defecto, al body.
    124
    ¿Cuál es la diferencia principal entre 'absolute' y 'fixed'?
    'absolute' se mueve con el scroll; 'fixed' se queda fijo respecto a la ventana del navegador (viewport).
    125
    ¿Qué valor de 'position' permite que un elemento se comporte como relativo hasta que alcanza un umbral de scroll y luego actúe como fijo?
    sticky
    126
    ¿Qué ocurre con el espacio original de un elemento cuando se le aplica 'position: absolute'?
    El espacio desaparece; el resto de elementos se recolocan como si el elemento no existiera (sale del flujo).
    127
    ¿Qué propiedades se habilitan al usar un posicionamiento que no sea static para mover el elemento?
    top, bottom, left y right.
    128
    ¿Para qué sirve la propiedad 'z-index'?
    Para controlar el orden de apilamiento (eje Z) de los elementos posicionados.
    129
    ¿Qué valor debe tener un padre para que su hijo con 'position: absolute' se posicione dentro de él?
    Cualquier valor distinto de 'static' (típicamente 'position: relative').
    130
    ¿Qué valor de 'z-index' sitúa a un elemento por delante de otro con 'z-index: 10'?
    Cualquier número mayor a 10.
    131
    ¿Para qué se diseñó originalmente la propiedad 'float'?
    Para permitir que el texto rodee a las imágenes.
    132
    ¿Qué ocurre si aplicas 'float: left' a un elemento de bloque como un
    ?
    Se desplaza a la izquierda y permite que otros elementos se coloquen a su derecha (pierde el ancho del 100%).
    133
    ¿Qué propiedad se utiliza para evitar que un elemento se coloque al lado de elementos flotantes?
    clear
    134
    ¿Qué hace 'clear: both'?
    Impide que el elemento se coloque al lado de cualquier flotante, ya sea a izquierda o derecha, forzándolo a bajar.
    135
    ¿Cuál es la diferencia entre 'display: none' y 'visibility: hidden'?
    'display: none' elimina el elemento del flujo y su espacio desaparece; 'visibility: hidden' lo oculta pero mantiene su espacio vacío.
    136
    ¿Qué caracteriza a los elementos con 'display: block'?
    Ocupan todo el ancho disponible y siempre comienzan en una nueva línea.
    137
    ¿Qué caracteriza a los elementos con 'display: inline'?
    Solo ocupan el ancho de su contenido y no aceptan propiedades de ancho (width) o alto (height).
    138
    ¿Qué ventaja ofrece 'display: inline-block' frente a 'inline'?
    Permite que los elementos se alineen uno al lado de otro pero aceptando márgenes, paddings, ancho y alto.
    139
    ¿Cómo se llama la técnica para solucionar el problema de un padre que pierde su altura cuando todos sus hijos son flotantes?
    Clearfix
    140
    ¿Qué valor de 'display' permite que un elemento se comporte como una tabla de HTML?
    display: table
    141
    ¿Cuál es la principal diferencia entre Flexbox y CSS Grid en cuanto a dimensiones?
    Flexbox es unidimensional (una fila o una columna) y Grid es bidimensional (filas y columnas a la vez).
    142
    ¿Qué propiedad se aplica al contenedor para activar el modo Flexbox?
    display: flex
    143
    ¿Qué propiedad de Flexbox controla la dirección de los elementos (fila o columna)?
    flex-direction
    144
    ¿Qué propiedad se usa en Flexbox para alinear los elementos a lo largo del eje principal (horizontal por defecto)?
    justify-content
    145
    ¿Qué propiedad se usa en Flexbox para alinear los elementos en el eje secundario (vertical por defecto)?
    align-items
    146
    ¿Qué permite la propiedad 'flex-wrap'?
    Permite que los elementos pasen a una nueva línea si no caben en la fila actual.
    147
    ¿Cómo se definen las columnas en un contenedor con 'display: grid'?
    Con la propiedad 'grid-template-columns'.
    148
    ¿Qué unidad especial de CSS Grid representa una fracción del espacio libre del contenedor?
    fr (fractional unit)
    149
    ¿Qué propiedad de Grid define el espacio de separación entre celdas?
    gap (antes grid-gap)
    150
    ¿En Flexbox, qué hace la propiedad 'flex-grow: 1' aplicada a un hijo?
    Le indica al elemento que debe estirarse para ocupar todo el espacio sobrante del contenedor.
    151
    ¿Para qué sirve la regla @font-face en CSS?
    Para cargar fuentes personalizadas desde un servidor para que el usuario las visualice aunque no las tenga instaladas.
    152
    ¿Cuál es la propiedad obligatoria dentro de @font-face para dar nombre a la fuente?
    font-family
    153
    ¿Qué propiedad dentro de @font-face indica la ruta del archivo de la fuente?
    src
    154
    ¿Qué función se utiliza dentro de 'src' para especificar la URL del archivo?
    url()
    155
    ¿Para qué se utiliza la función local() dentro del 'src' de @font-face?
    Para comprobar si la fuente ya está instalada en el sistema del usuario antes de descargarla.
    156
    Menciona los 3 formatos de archivo de fuente más comunes en la web actualmente.
    WOFF, WOFF2 y TrueType (TTF).
    157
    ¿Qué formato de fuente se considera el estándar actual por su alta compresión y optimización?
    WOFF2
    158
    ¿Qué propiedad controla cómo se muestra la fuente mientras se está descargando (ej. mostrar una fuente de reserva)?
    font-display
    159
    ¿Qué valor de 'font-display' muestra la fuente de reserva y luego la cambia por la personalizada en cuanto descarga?
    swap
    160
    ¿Cómo se define el peso de la fuente (negrita) dentro de un bloque @font-face?
    Con la propiedad font-weight.
    161
    ¿Qué propiedad controla el espacio entre los caracteres (letras) de un texto?
    letter-spacing
    162
    ¿Qué propiedad controla el espacio específico entre las palabras?
    word-spacing
    163
    ¿Para qué sirve la propiedad word-break?
    Para especificar si el navegador debe romper las líneas dentro de las palabras cuando el texto desborda su contenedor.
    164
    ¿Qué valor de word-break permite romper una palabra en cualquier carácter para evitar desbordamientos?
    break-all
    165
    ¿Qué propiedad se utiliza para añadir líneas al texto como subrayado o tachado?
    text-decoration
    167
    ¿Qué propiedad permite convertir el texto a MAYÚSCULAS o minúsculas sin cambiar el HTML?
    text-transform
    168
    ¿Qué propiedad controla el espaciado entre las líneas de un párrafo?
    line-height
    169
    ¿Qué propiedad se usa para añadir una sombra al texto?
    text-shadow
    170
    ¿Qué propiedad permite añadir puntos suspensivos (...) cuando el texto es demasiado largo para su contenedor?
    text-overflow (usando el valor 'ellipsis')
    171
    ¿Qué es una unidad de medida absoluta en CSS?
    Es una unidad que tiene el mismo tamaño físico sin importar la resolución de la pantalla o el tamaño de otros elementos.
    172
    ¿Cuál es la unidad absoluta más utilizada en el diseño web (aunque técnicamente depende de la resolución del dispositivo)?
    El píxel (px).
    173
    ¿A cuántos píxeles equivale una pulgada (in) en CSS?
    96px
    174
    ¿Qué unidad absoluta se utiliza comúnmente en las hojas de estilo para impresión (print) y equivale a 1/72 de pulgada?
    El punto (pt).
    175
    ¿Qué unidad absoluta equivale a 12 puntos?
    La pica (pc).
    176
    ¿Cuál es la abreviatura de la unidad absoluta de milímetros?
    mm
    177
    ¿Cuál es la abreviatura de la unidad absoluta de centímetros?
    cm
    178
    ¿Por qué no se recomienda usar unidades como 'cm' o 'in' para el diseño de pantallas digitales?
    Porque el tamaño real en pantalla varía drásticamente según la densidad de píxeles (DPI) del monitor.
    179
    ¿Cuántos milímetros hay en un centímetro según el estándar CSS?
    10mm
    180
    ¿A cuántos milímetros equivale aproximadamente 1 pulgada?
    25.4mm
    181
    ¿Qué es una unidad de medida relativa en CSS?
    Es una unidad cuyo tamaño se calcula en función de otra longitud (como el tamaño de fuente del padre o el tamaño de la ventana).
    182
    ¿Qué unidad es relativa al tamaño de fuente del elemento padre?
    em
    183
    ¿Qué unidad es relativa al tamaño de fuente del elemento raíz ()?
    rem (root em)
    184
    ¿Qué unidad representa el 1% del ancho de la ventana del navegador (viewport)?
    vw (viewport width)
    185
    ¿Qué unidad representa el 1% del alto de la ventana del navegador (viewport)?
    vh (viewport height)
    186
    ¿Cuál es la diferencia entre 'em' y 'rem' al anidar elementos?
    'em' es compuesto (hereda y multiplica el tamaño del padre directo), mientras que 'rem' siempre es fijo respecto al html.
    187
    ¿Qué unidad representa el 1% del tamaño del lado más pequeño de la ventana (ancho o alto)?
    vmin
    188
    ¿Qué unidad representa el 1% del tamaño del lado más grande de la ventana?
    vmax
    189
    ¿Qué unidad es relativa al tamaño del elemento padre (se expresa con el símbolo %)?
    El porcentaje (%)
    190
    ¿Qué unidad es relativa a la anchura del carácter '0' (cero) de la fuente instalada?
    ch