Avanzado
CSS · Competente - patrones avanzados y rendimiento
- Variables CSS y las funciones calc/clampDomina las propiedades personalizadas, cómo se resuelven en tiempo de ejecución dentro de la cascada, y las funciones calc() y clamp() para interfaces fluidas.
- Transiciones y animaciones: @keyframes, transform, temporizaciónAnima en el compositor con transform y opacity, estructura tus @keyframes y respeta las preferencias de movimiento de los usuarios.
- Selectores modernos: :has, :is, :where, :nth-child avanzadoAprovecha las pseudoclases funcionales recientes para seleccionar según el contenido, agrupar selectores sin inflar la especificidad y apuntar a patrones complejos.
- Arquitectura CSS: BEM, utility-first, organización de archivosCompara BEM y el enfoque utility-first, sus compromisos reales en equipo, y estructura tus archivos con capas de cascada.
- Container queries y anidamiento en CSSHaz que tus componentes respondan a su contenedor en lugar de al viewport, y estructura tus hojas de estilos con anidamiento nativo.