Diseño con intención
Paletas, tipografía, espacios y componentes que mantienen una identidad visual coherente.
LearnCodeAprende hoy, crea el mañanaComprar cursoDISPONIBLE · NIVEL INICIALCSS
CSS
desde cero
El segundo paso de la ruta LearnCode. Vas a transformar tus páginas HTML con colores, tipografía, espacios, Flexbox, Grid, responsive, transiciones y animaciones.
20 clases4 módulos8–9 h duración
Layouts modernos
Flexbox y CSS Grid para construir menús, tarjetas, galerías y páginas completas.
Web adaptable
Mobile First, media queries e imágenes fluidas para que el sitio funcione en cualquier pantalla.
PROGRAMA COMPLETO
20 clases, paso a paso
Las 20 clases avanzan desde la primera regla CSS hasta el diseño y publicación de un sitio responsive completo.
Acercá el mouse o tocá una clase para leer su mini reseña.01
Fundamentos de CSS
Conectar estilos, dominar selectores y construir una identidad visual coherente.
01Introducción a CSS
MINI RESEÑAComprender qué hace CSS y conectarlo correctamente con un documento HTML.
02Selectores, clases e identificadores
MINI RESEÑASeleccionar elementos con precisión y crear estilos reutilizables.
03Cascada, herencia y especificidad
MINI RESEÑAEntender por qué una regla gana sobre otra y evitar conflictos.
04Colores y fondos
MINI RESEÑACrear una paleta coherente con colores, transparencias, imágenes y gradientes.
05Unidades y tipografía
MINI RESEÑAElegir medidas flexibles y construir una jerarquía tipográfica clara.
02
Cajas y Flexbox
Controlar espacios y posiciones para organizar componentes flexibles y reutilizables.
06Modelo de caja
MINI RESEÑADominar contenido, padding, borde, margen y box-sizing.
07Display, overflow y visibilidad
MINI RESEÑAControlar cómo participan los elementos en la página.
08Posicionamiento y capas
MINI RESEÑAUbicar elementos relativos, absolutos, fijos y adhesivos.
09Flexbox I
MINI RESEÑAAlinear y distribuir elementos sobre un eje.
10Flexbox II y proyecto parcial
MINI RESEÑACrear grupos flexibles que crecen, se reducen y saltan de línea.
03
Grid y responsive
Diseñar estructuras adaptables que funcionen correctamente desde celulares hasta escritorios.
11CSS Grid I
MINI RESEÑACrear cuadrículas de filas y columnas con poco código.
12CSS Grid II
MINI RESEÑACrear cuadrículas automáticas y diseños con áreas.
13Diseño responsive y Mobile First
MINI RESEÑADiseñar primero para pantallas pequeñas y ampliar progresivamente.
14Media queries
MINI RESEÑAModificar el diseño cuando el contenido necesita más espacio.
15Imágenes y contenido adaptable
MINI RESEÑAControlar proporciones y recortes sin deformar medios.
04
Diseño y proyecto
Crear un sistema visual, interacciones y animaciones accesibles para publicar un sitio moderno.
16Variables y sistema visual
MINI RESEÑACentralizar colores, espacios y medidas para mantener coherencia.
17Pseudoclases y pseudoelementos
MINI RESEÑADiseñar estados interactivos y decoraciones sin HTML extra.
18Transiciones y transformaciones
MINI RESEÑAAñadir microinteracciones suaves y eficientes.
19Animaciones y accesibilidad
MINI RESEÑACrear animaciones con keyframes respetando preferencias del usuario.
20Proyecto final y publicación
MINI RESEÑADiseñar, revisar y publicar un sitio responsive completo.
PROYECTO FINAL
Sitio moderno y responsive
Vas a diseñar las tres páginas creadas en HTML y convertirlas en una experiencia visual coherente, accesible y adaptable.
- Sistema de variables
- Flexbox y CSS Grid
- Diseño Mobile First
- Estados y transiciones
- Animaciones accesibles