HTML +
Modern CSS
Construye la web visual. Desde la estructura semántica hasta el diseño de interfaces modernas y funcionales.
Tu progreso actual
0% Completado
Plan de Estudios
47 Lecciones CríticasEstructura y Marcado
Lección 1
El DOM y Anatomía
Lección 2
Flujo y Bloque
Lección 3
Semántica de Listas
CSS y Espacios
Lección 4
Algoritmo de la Cascada
Lección 5
El Modelo de Caja
Lección 6
Clases y Especificidad
Componentes Web
Lección 7
Imágenes y Auto-cierre
Lección 8
Contenedores (div)
Lección 9
Entradas y Formularios
Lección 10
Botones e Interacción
Estética Profesional
Lección 11
Colores Hex y RGB
Lección 12
Tipografía y Pesos
Lección 15
Posicionamiento
Lección 16
Estado Hover
Lección 18
Sombras y Profundidad
Layout y Adaptabilidad
Lección 13
Flexbox Parte 1
Lección 14
Flexbox Parte 2
Lección 17
Unidades (rem, %)
Lección 19
Media Queries
Lección 20
Object-fit
Estilos Avanzados y Efectos
Lección 21
Transiciones Suaves
Lección 23
Desbordamiento (Overflow)
Lección 24
Fuentes Externas
Lección 28
Variables CSS
Lección 29
Z-Index y Capas
Lección 30
Reset de CSS
Semántica y Accesibilidad
Lección 22
Semántica de Contenedores
Lección 25
Semántica de Navegación
Lección 26
Formularios e Inputs
Lección 27
Etiquetas y Accesibilidad
Componentes y Layout Avanzado
Lección 31
Estructura de Card
Lección 32
Espaciado Inteligente
Lección 33
Botones con Iconos
Lección 37
Diseño Multilínea
Pulido, Formularios y Cierre
Lección 34
Pie de Página (Footer)
Lección 35
Estados Activos
Lección 36
Transparencias (RGBA)
Lección 38
Estilos de Formulario
Lección 39
Gradientes
Lección 40
Sombras de Texto
Lección 41
Desafío: Perfil de Programador
Lección 42
Tipografía Fluida (vw/vh)
Lección 43
Tablas de Datos Semánticas
Lección 44
Atributo Title y Tooltips
Lección 45
Estilos de Cursor y Carga
Lección 46
Filtros CSS Avanzados
Lección 47
Proyecto: Tarjeta de Producto
Prueba de Nivel
Python Starter Quiz
Valida tus conocimientos avanzados de Python con este cuestionario final.
Únete a la Comunidad
Comparte tus diseños, resuelve dudas de CSS y crece con otros desarrolladores.