CSS de verdad: cascada y capas, :has, nesting, @scope, grid y subgrid, container queries, OKLCH, anchor positioning, arquitectura y rendimiento.
Cada nivel construye sobre el anterior. Sin saltos, sin huecos.
La visión aérea: qué resuelve CSS, qué cambió entre 2020 y 2026, y el mapa mental de todo el territorio que vas a dominar.
CSS no ordena, sugiere restricciones que el motor resuelve. Entender esto cambia cómo escribes todo lo demás.
Los seis criterios reales de la cascada en orden, y por qué la especificidad es el penúltimo y no el primero.
Cómo se cuenta de verdad, por qué los IDs son una trampa, y cómo dejar de pelear con !important.
Declarar capas, importarlas, anidarlas y por qué una capa vence a la especificidad. La herramienta que faltaba.
Qué se hereda y qué no, los cuatro valores globales, revert-layer, y el valor calculado frente al usado.
Agrupar sin inflar la especificidad, :where como llave maestra del CSS de librería, y :not con listas.
El selector relacional: estilar el contenedor según su contenido, el hermano anterior, y patrones que antes exigían JS.
nth-child con of, los pseudo-clases de estado, :focus-visible frente a :focus, y :user-invalid.
La sintaxis, el ampersand implícito, la regla del relative selector, y las diferencias reales con Sass.
Acotar estilos a un subárbol con techo y suelo, el donut scope, y la proximidad como criterio de cascada.
No son variables de preprocesador: se heredan, se recalculan y se pueden cambiar en runtime. El fallback y el truco del espacio.
Registrar una custom property con sintaxis, herencia y valor inicial. Lo que desbloquea: animar gradientes y ángulos.
Content-box frente a border-box, el colapso de márgenes con sus tres casos, y por qué gap lo elimina.
Qué es un formatting context, qué lo crea, y por qué explica el 80% de los bugs de layout que parecen magia.
min-content, max-content, fit-content y el algoritmo de resolución de anchos. La base de todo layout que no se rompe.
flex-basis, grow y shrink como un sistema, la trampa de flex:1, y min-width auto que rompe el overflow.
Los ejes, alinear con margin auto, wrap y sus límites, y los patrones canónicos: barra, media object, sticky footer.
Filas, columnas, la unidad fr, repeat, minmax y el modelo de líneas frente al de celdas.
grid-template-areas, nombrar líneas, el algoritmo de colocación automática y grid-auto-flow dense.
El problema que resuelve: alinear contenido entre tarjetas hermanas. Sintaxis, herencia de gaps y soporte real.
Cuándo cada uno, por qué no compiten, y los casos donde combinarlos es la respuesta correcta.
auto-fit frente a auto-fill, el patrón RAM, y layouts que se adaptan por contenido en vez de por viewport.
justify y align como sistema transversal, las propiedades place, y su llegada a bloque con align-content.
containment, container-type, container-name y por qué esto es el cambio más grande del layout en una década.
Dimensionar en relación al contenedor, y el patrón de componente verdaderamente portable.
La función style sobre custom properties, el soporte real en 2026, y los patrones que ya funcionan hoy.
La sintaxis de rango, prefers-reduced-motion, prefers-color-scheme, prefers-contrast y las de puntero.
Detectar features, comprobar selectores, y la estrategia de escribir el fallback primero.
El catálogo completo: las relativas al tipo, las lógicas, y por qué dvh existe y svh es distinto.
La matemática de clamp con viewport, construir una escala modular, y el problema de accesibilidad al hacer zoom.
Cargar sin FOIT ni FOUT, unicode-range, preload, y el coste real de cada peso.
Un archivo, infinitos pesos: los ejes registrados y personalizados, y cuándo sale a cuenta.
text-wrap balance y pretty, hyphens, font-feature-settings, y el ajuste óptico del texto.
Por qué el degradado de azul a amarillo pasa por gris, qué es la gamma, y los límites de hex y hsl.
Lightness, chroma y hue de verdad: por qué OKLCH permite paletas consistentes que hsl nunca pudo dar.
Mezclar en el espacio que elijas, derivar colores con from, y el mapeo de gamut a P3 y a sRGB.
Lineales, radiales y cónicos, elegir el espacio de interpolación, y los degradados que no se ensucian.
El modelo de capas de background, background-clip, los radios elípticos y border-image.
La diferencia real entre box-shadow y el filtro drop-shadow, y construir un sistema de elevación creíble.
Recortar con formas y rutas, enmascarar con imágenes y gradientes, y hacer que el texto fluya alrededor.
El pipeline de filtros, el coste de backdrop-filter, y mix-blend-mode con los grupos de aislamiento.
Las propiedades individuales, el orden de las matrices, transform-origin, perspective y transform-style.
Qué crea un stacking context, la jerarquía real, y por qué tu z-index de 9999 sigue quedando debajo.
Los cinco valores, qué es el containing block de cada uno, y cómo transform rompe a fixed.
Las tres condiciones que debe cumplir, por qué falla con overflow hidden, y los patrones de cabecera pegajosa.
anchor-name, position-anchor, la función anchor, position-try y el fallback cuando no cabe.
El elemento dialog modal, el atributo popover, light dismiss, y por qué el top layer mata al z-index.
scroll-snap como sistema, scroll-behavior, overscroll-behavior, scrollbar-gutter y scroll-margin.
accent-color, field-sizing, appearance, el select personalizable, y los pseudo-elementos de cada control.
La historia de las metodologías, qué problema resolvía cada una, y por qué los tokens ganaron.
Tailwind y su modelo, el declive del CSS-in-JS en runtime, y qué eligen los equipos en 2026.
Construir una capa de tokens en tres niveles, temas con light-dark, y color-scheme.
Qué cuesta caro de verdad, contain y sus tipos, content-visibility, will-change y cuándo NO usarlo.
El panel de estilos, los overlays de grid y flex, la cascada computada, y un método para bugs de layout.
La arquitectura completa de una hoja de estilos de 2026, el mapa de decisiones, y hacia dónde va el lenguaje.
Empieza por los fundamentos y sube nivel a nivel hasta el dominio total.
Comenzar el camino →