La Web: HTML y CSS

🧪 CSS moderno, accesibilidad y arquitectura

El cierre del track de Web con estilo: variables nativas, funciones modernas como clamp() y :has(), CSS que respeta a cada persona (accesibilidad) y una arquitectura con BEM que no se te derrumba al crecer.

Qué aprenderás

Declarar custom properties en :root y reutilizarlas con var() para temas y mantenimiento
Aplicar funciones modernas: tamaños fluidos con clamp()/min()/max(), proporciones con aspect-ratio y el selector :has()
Mejorar la accesibilidad con :focus-visible, prefers-reduced-motion y prefers-color-scheme
Arquitecturar el CSS con BEM y control de la especificidad

Lecciones

Custom properties: las variables de CSSDeclara --variables en :root y reutilízalas con var(): un solo punto de cambio para todo tu sistema de temas. CSS moderno: clamp(), aspect-ratio, :has() y másEl CSS de hoy: tamaños fluidos con clamp()/min()/max(), proporciones con aspect-ratio, el selector :has() y container queries que adelgazan tus media queries. Accesibilidad y arquitectura del CSSEscribe CSS para TODO el mundo: :focus-visible, prefers-reduced-motion, prefers-color-scheme y contraste. Y arquitectúralo con BEM para que no se te derrumbe.

Practica este módulo en la app

DevPath es un curso práctico: aquí lees la teoría; en la app la pones en práctica con ejercicios que se ejecutan de verdad, sin conexión.

Empezar gratis en la app →