Curso de CSS desde Cero
CSS es lo que transforma una estructura HTML aburrida en algo que la gente quiere mirar. Sin CSS, todas las webs serían documentos de texto sin formato. En este curso gratuito aprenderás desde selectores y box model hasta flexbox, grid, responsive design, variables CSS y animaciones — con las técnicas más modernas de 2026. En 11 lecciones prácticas dominarás el diseño web y serás capaz de maquetar cualquier interfaz.
Lecciones del curso
1
¿Qué es CSS?
Qué es CSS, cómo se enlaza con HTML, inline vs internal vs external.
8 min
check_circle
2
Selectores y propiedades
Selectores de elemento, clase, ID, combinadores, especificidad y cascada.
12 min
check_circle
3
Box model
Content, padding, border, margin, box-sizing y colapso de márgenes.
10 min
check_circle
4
Tipografía y colores
font-family, size, weight, line-height, color, background y gradientes modernos.
10 min
check_circle
5
Flexbox
display flex, direction, justify-content, align-items, wrap, gap y order.
15 min
check_circle
6
Grid
display grid, template columns/rows, areas, gap, auto-fit y subgrid.
15 min
check_circle
7
Responsive design
Media queries, mobile first, unidades relativas, container queries y viewport units.
12 min
check_circle
8
Variables CSS
Custom properties, :root, herencia, temas y dark mode con variables CSS.
10 min
check_circle
9
Animaciones y transiciones
transition, transform, @keyframes, animation y rendimiento.
12 min
check_circle
10
Buenas prácticas
Naming BEM, organización, nesting nativo, evitar !important y reset/normalize.
10 min
check_circle
★
Ejercicio final
Maqueta una landing responsive con flexbox, grid, dark mode y animaciones.
25 min
check_circle
