Glosario de CSS

Regla que limita el alcance de los estilos a una sección específica del DOM, evitando conflictos globales.

Propiedad que define el estado inicial de un elemento para permitir transiciones de animación al entrar en el DOM.

El cuarto componente en un valor RGBA que define la opacidad de un color, donde 0.0 es totalmente transparente y 1.0 es totalmente opaco.

Sistema nativo para posicionar un elemento (como un popover) en relación con otro elemento de referencia o "ancla".

Propiedad que especifica la línea de tiempo (temporal o de desplazamiento) que controla la progresión de una animación de CSS.

Block Element Modifier. Metodología de nomenclatura CSS.

Línea que rodea el relleno y el contenido de un elemento en el modelo de cajas.

Punto de ruptura en CSS donde cambia el layout responsivo.

Algoritmo que determina qué reglas de estilo se aplican a un elemento basándose en la prioridad, especificidad y orden.

Característica de las propiedades personalizadas de CSS que significa que distinguen entre mayúsculas y minúsculas (ej. --Color y --color son diferentes).

Propiedad que define una región de recorte; solo la parte del elemento dentro de la región es visible.

Selección y uso de colores en el diseño web.

Lenguaje de estilos utilizado para describir la apariencia y presentación de un documento estructurado en HTML.

Característica de diseño que permite crear rejillas de tipo "masonry" o cascada de forma nativa.

Variables de diseño para colores, tipografía, espaciado y radios.

Elemento que solo ocupa el ancho necesario para su contenido y no fuerza un salto de línea (ej. <span>, <a>).

Sistema de tamaños de texto con proporciones consistentes.

Distribución del espacio entre elementos.

Sistema de pesos que decide qué regla CSS se aplica cuando varias coinciden con un mismo elemento.

Un valor de reserva o sustitución que se utiliza cuando una característica principal (como una variable o un soporte de navegador) no está disponible.

Modelo de diseño CSS para distribuir espacio entre elementos.

Unidad de medida flexible en CSS Grid que representa una fracción del espacio libre disponible en el contenedor.

Protocolo utilizado para la transferencia de archivos entre un cliente y un servidor (ej. FileZilla).

Sistema de diseño que organiza contenido en filas y columnas.

Una aplicación web utilizada para crear sets de iconos personalizados y convertirlos en fuentes web optimizadas.

Función de lógica condicional que permite elegir valores de propiedad basados en consultas de medios o estilos.

Inverted Triangle CSS. Metodología para organizar CSS.

Área transparente añadida fuera del borde de un elemento, creando espacio entre él y otros elementos.

Función que define un rango de tamaño para las pistas de una rejilla (mínimo y máximo).

Enfoque de diseño que prioriza primero pantallas pequeñas.

Pseudo-clase que selecciona elementos basándose en su posición numérica entre sus hermanos, permitiendo patrones de selección complejos.

Espacio de color moderno que permite un control perceptivo del color (luminosidad, croma y matiz).

Object-Oriented CSS. Metodología de CSS orientada a objetos.

Espacio transparente situado entre el contenido de un elemento y su borde.

Palabra clave que se añade a los selectores y que especifica un estado especial del elemento seleccionado.

Palabra clave que permite aplicar estilos a una parte específica de un elemento (ej. ::first-letter).

Filas o columnas creadas automáticamente por el navegador para albergar elementos que no caben en la rejilla definida explícitamente.

Diseño que se adapta a diferentes tamaños de pantalla y dispositivos.

Preprocesador CSS que añade características como variables y anidamiento.

Animaciones cuyo progreso está vinculado directamente a la posición de la barra de desplazamiento del usuario.

Consultas de contenedor que permiten aplicar estilos basados en estados de desplazamiento como stuck o snapped.

El área visible de un contenedor de desplazamiento donde el contenido se muestra al usuario.

Patrón utilizado en CSS para identificar los elementos HTML a los que se les aplicarán las reglas de estilo.

Scalable and Modular Architecture for CSS.

Framework CSS utilitario para crear diseños personalizados rápidamente.

Valor tipográfico que distribuye el texto de manera uniforme entre las líneas para evitar líneas huérfanas o desiguales en encabezados.

Versión mejorada de la función attr() que permite leer atributos HTML como tipos de datos CSS específicos (números, colores, etc.).

Entidad definida por el desarrollador que almacena un valor reutilizable en todo el documento CSS.

Espacio negativo que mejora legibilidad y jerarquía visual.