Bienvenido al módulo de CSS. Aquí aprenderás a transformar páginas HTML simples en diseños atractivos y modernos con estilos, colores y layouts profesionales.
Entiende cómo funciona CSS y cómo seleccionar elementos.
Empezar Lección 02Aprende sobre modelos de color y cómo manejar fondos.
Empezar Lección 03Domina px, rem, em, % y unidades de viewport.
Empezar Lección 04El concepto más importante: Margen, Borde, Relleno y Contenido.
Empezar Lección 05Técnicas clásicas de layout y cómo solucionar el colapso.
Empezar Lección 06Domina el posicionamiento: static, relative, absolute, fixed y sticky.
Empezar Lección 07Cambia fuentes, tamaños y estilos para mejorar la lectura.
Empezar Lección 08Diseña layouts flexibles y modernos en una dimensión.
Empezar 🎮 HerramientaExperimenta con propiedades Flex: direction, wrap, justify, align y más.
Entrenar Lección 09Crea layouts complejos bidimensionales con facilidad.
Empezar 🎮 HerramientaDiseña layouts con Grid: columnas, filas, áreas y alineación.
Entrenar Lección 10Usa Custom Properties para crear temas y facilitar el mantenimiento.
Empezar Lección 11Da vida a tu web con transiciones y animaciones.
Empezar Lección 12Adapta tu web a móviles, tablets y escritorios.
Empezar Lección 13Referencia completa de propiedades CSS con ejemplos.
Empezar Módulo 14 Novedades 2026 Nesting, :has(), Container Queries, nuevos colores y más. Ver Novedades Lección 15Aprende a dar estilo profesional a inputs, botones y validaciones.
Empezar 🎮 HerramientaPractica el diseño y estilización de formularios de forma visual con drag & drop.
Abrir Herramienta ⭐ EspecialGuía completa de selectores CSS con ejemplos interactivos.
Empezar PrácticaMejora tus habilidades de diseño con más de 50 retos.
Practicar PrivadoZona privada de recursos extra.
Acceder Contacto¿Encontraste un error? ¡Ayúdanos a mejorar!
Enviar