Parte del Journey de HTMLRecorridoAprende CSS
Un curso de CSS gratuito e interactivo. En cada lección das estilo a HTML real - selectores, el modelo de caja, colores, fuentes, flexbox, grid, diseño responsivo - con una vista previa en vivo mientras escribes y un certificado gratuito al terminar. Forma parte del recorrido más amplio de HTML, así que el contexto de marcado que CSS necesita lo tienes ahí mismo.
13,993+ codders inscritos
119 lecciones114 retos582 preguntas de quiz
- Apto para principiantes
Ayuda de codificación con IA
Lecciones interactivas prácticas
Cuestionarios para poner a prueba tu conocimiento
Certificado gratuito de finalización
Programa
Esta sección forma parte del Journey de HTML. El programa completo tiene más secciones: haz clic en cualquier vista previa de abajo para verla en la página del Journey.
- Sección 1Fundamentos60 lecciones
Sección 2
Estilos con CSS
Empezar secciónEmpezarDa vida a tus páginas web con colores, diseños y estilosIntroducción
5 lecciones540Cómo añadir CSS
4 lecciones725Selectores básicos
7 lecciones1247Fundamentos del texto
8 lecciones1450Colores y fondos
5 lecciones834Menú de cafetería
Proyecto3 lecciones3Modelo de caja, parte 1
6 lecciones943Modelo de caja, parte 2
5 lecciones833Flex Box
6 lecciones943Formulario de inicio de sesión
Proyecto4 lecciones4Técnicas de diseño
7 lecciones1151Fundamentos del diseño responsive
6 lecciones1052Página web de Tonga
Proyecto6 lecciones6Desafíos finales
4 lecciones4Sección 3
Dominio de CSS
Empezar secciónEmpezar¡Lleva tus habilidades en CSS al siguiente nivel!Dominio de selectores – Combinación
6 lecciones539Pseudoclases interactivas
5 lecciones431Pseudoclases estructurales
5 lecciones432Proyecto de menú desplegable
4 lecciones4Efectos visuales
5 lecciones536Landing Page
5 lecciones5Construye con CSS Grid
4 lecciones426Sitio web de Flavor Fiesta
4 lecciones4Desafíos finales
5 lecciones5- Sección 4Frontend Práctico35 lecciones
- Sección 5JavaScript en Acción27 lecciones
Aprende Haciendo
Escribe código real, consulta bases de datos, crea sitios web y domina los prompts de IA. Nuestras lecciones interactivas cubren todas las habilidades que los desarrolladores modernos necesitan.
Construye tu Racha
¡Mantén la constancia y observa cómo crece tu progreso! Sigue tu hábito diario de programación, protege tu racha con días de congelación y gana recompensas por aparecer cada día.
12 días de racha
¡Vuelve mañana para mantener tu racha!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Doble o Nada
Día 5 de 7
Congelar Racha
2 left
Donde Quieras
¡Lleva tu viaje de programación contigo! Sin configuración, sin descargas, solo abre y empieza a programar. Disponible en iOS, Android y Web con calificaciones de 4.9 estrellas.
No Estás Solo
Compite en tablas de clasificación globales, invita amigos para ganar recompensas y celebra los logros de los demás. ¡Programar es mejor con amigos!
1
2
3
Zona de promociónAprende de todas las formas
Lee, escucha, ponte a prueba, pregunta a la IA o consulta cualquier cosa que ya hayas estudiado. Cada lección se adapta a ti.
Una variable es un contenedor con nombre que guarda un valor al que puedes hacer referencia más tarde.
En Python, creas una escribiendo el nombre, un signo igual y el valor que quieres guardar.
El valor puede cambiar con el tiempo: reasignar el nombre simplemente lo apunta a un nuevo valor.
Certifícate
Gana certificados por cada curso que completes. Agrégalos a tu perfil de LinkedIn y currículum para mostrar tu experiencia en programación a los empleadores.
Certificado de FinalizaciónFundamentos de Python
Agregar a LinkedInPor qué aprender CSS con Coddy
- Escribe CSS en tu navegador y mira cómo la página se reestiliza en vivo. Sin paso de compilación, sin configurar un editor. Cada cambio en un selector o una propiedad aparece al instante, así que ves lo que hace realmente cada regla.
- CSS esencial: selectores y especificidad, el modelo de caja, posicionamiento, flexbox, CSS grid, transiciones, media queries y diseño responsivo. El CSS que todo desarrollador front-end necesita en su día a día.
- Las pistas de IA te ayudan a depurar lo que siempre hace tropezar a la gente - sorpresas de especificidad, desbordamientos de diseño, comportamientos raros de flexbox - sin revelarte la solución, para que el CSS se vuelva intuitivo en lugar de mágico.
- Certificado gratuito de CSS al terminar la sección. Combina de forma natural con los cursos de HTML y JavaScript para una base completa de front-end.
Preguntas frecuentes sobre aprender CSS
¿Qué es CSS?
CSS (Cascading Style Sheets) es el lenguaje que controla cómo se ven las páginas HTML - colores, fuentes, espaciado, diseño, animaciones y comportamiento responsivo en distintos tamaños de pantalla. HTML define qué hay en la página; CSS define cómo se presenta.
¿Es difícil aprender CSS?
El CSS básico - selectores, colores, fuentes, el modelo de caja - se aprende en unas pocas horas. Las partes más difíciles vienen después: las reglas de especificidad, los diseños con flexbox y grid, y hacer que todo se vea bien en cualquier tamaño de pantalla. El curso los introduce en pasos pequeños con una vista previa en vivo, así que ves exactamente lo que hace cada regla.
¿Debería aprender HTML antes que CSS?
Sí. HTML define la estructura de una página; CSS le da estilo. Sin HTML no tienes nada a lo que dar estilo. Esta sección de CSS forma parte del recorrido de HTML por esa razón: la sección de fundamentos de HTML va primero y luego dedicas la mayor parte del recorrido a darle estilo.
¿Cuál es la diferencia entre CSS, Flexbox y Grid?
Flexbox y Grid son módulos de diseño dentro de CSS - no son tecnologías separadas, son características de CSS. Flexbox es mejor para diseños unidimensionales (una fila de tarjetas, una barra de navegación). Grid es mejor para diseños bidimensionales (una página entera, un diseño de tarjetas complejo). La mayoría de los sitios reales usan ambos, y el curso cubre cuándo recurrir a cada uno.
¿Puedo aprender CSS en línea gratis?
Sí. La sección interactiva de CSS es gratuita: lecciones completas, ejercicios de programación, una vista previa en vivo y un certificado. Todo se ejecuta en el navegador, así que no necesitas instalar ningún editor ni herramienta para empezar.
¿Obtengo un certificado al terminar el curso de CSS?
Sí. Al terminar la sección de CSS obtienes un certificado de finalización gratuito. Una prueba verificable que puedes añadir a tu currículum o compartir en LinkedIn junto a los certificados de HTML y JavaScript como parte de un portafolio de front-end.
