La reproducción carga el reproductor integrado de YouTube (modo de privacidad mejorada).
Tutorial de CSS - De cero a experto (Curso completo)
CanalfreeCodeCamp.orgEn resumen
Este curso completo de CSS te lleva desde lo más básico hasta lo avanzado, cubriendo desde el estilo de texto y colores hasta diseños de página complejos, animaciones y técnicas de diseño responsivo. Perfecto para desarrolladores web que quieran dominar el lado visual de las páginas web—no se necesita experiencia previa en CSS.
Pasos clave
- Empieza con los fundamentos de CSS: selectores, propiedades y cómo vincular hojas de estilo con HTML.
- Explora la manipulación de texto, colores, fondos y el modelo de caja de CSS para controlar el diseño.
- Adéntrate en Flexbox y CSS Grid para crear estructuras de página flexibles y responsivas.
- Añade interactividad con transiciones, transformaciones y animaciones personalizadas usando keyframes.
Preguntas y respuestas
¿Qué software necesito para seguir el curso?
El curso explica cómo descargar e instalar el software necesario desde el principio.
Capítulos
Descripción del autor
Aprende CSS en este curso completo para principiantes. CSS, o *hoja de estilo en cascada*, es lo que da estilo y apariencia a una página web.
En este curso, empezamos desde cero. Aprenderás desde lo básico, como colores y texto, hasta técnicas avanzadas como animaciones personalizadas.
Descubrirás cómo trabajar con:
• Colores
• Formato
• Texto
• Diseño de página
• Grids (grillas)
• Flexbox
• Animaciones
• Transiciones
• ¡Y mucho más!
🎥 Curso de Jad Khalili. Para ver más contenido de este instructor, visita:
⭐️ Índice del curso ⭐️
⌨️ (0:00:00) Logros y resultados del curso
⌨️ (0:02:36) Introducción al curso
⌨️ (0:11:19) Descargar el software necesario
⌨️ (0:12:30) Dónde encontrar los archivos del proyecto
⌨️ (0:14:28) ¿Qué es CSS?
⌨️ (0:17:09) Crear y vincular una hoja de estilo CSS
⌨️ (0:20:39) Cómo probar una hoja de estilo
⌨️ (0:22:12) ¿Qué es un selector?
⌨️ (0:25:54) Clases e IDs en HTML
⌨️ (0:31:52) Especificidad y cuándo usar selectores
⌨️ (0:39:13) Pseudoselectores
⌨️ (0:47:58) Selectores avanzados
⌨️ (0:59:30) Selectores por atributo
⌨️ (1:09:38) ¿Qué son las propiedades?
⌨️ (1:12:59) La regla general en CSS
⌨️ (1:17:37) Tipos de colores
⌨️ (1:24:53) Colorear texto
⌨️ (1:32:30) Colores de fondo
⌨️ (1:36:56) Imágenes/URLs en CSS
⌨️ (1:42:30) Otras propiedades de fondo
⌨️ (1:48:59) Opacidad/Transparencia
⌨️ (1:52:17) Degradados
⌨️ (2:04:12) Introducción a las unidades de medida
⌨️ (2:15:57) Manipulación de texto
⌨️ (2:23:54) Tamaño, negrita y estilo de fuente
⌨️ (2:30:33) Familias de fuentes
⌨️ (2:37:08) Incluir fuentes externas con Google Fonts
⌨️ (2:43:1
En este curso, empezamos desde cero. Aprenderás desde lo básico, como colores y texto, hasta técnicas avanzadas como animaciones personalizadas.
Descubrirás cómo trabajar con:
• Colores
• Formato
• Texto
• Diseño de página
• Grids (grillas)
• Flexbox
• Animaciones
• Transiciones
• ¡Y mucho más!
🎥 Curso de Jad Khalili. Para ver más contenido de este instructor, visita:
⭐️ Índice del curso ⭐️
⌨️ (0:00:00) Logros y resultados del curso
⌨️ (0:02:36) Introducción al curso
⌨️ (0:11:19) Descargar el software necesario
⌨️ (0:12:30) Dónde encontrar los archivos del proyecto
⌨️ (0:14:28) ¿Qué es CSS?
⌨️ (0:17:09) Crear y vincular una hoja de estilo CSS
⌨️ (0:20:39) Cómo probar una hoja de estilo
⌨️ (0:22:12) ¿Qué es un selector?
⌨️ (0:25:54) Clases e IDs en HTML
⌨️ (0:31:52) Especificidad y cuándo usar selectores
⌨️ (0:39:13) Pseudoselectores
⌨️ (0:47:58) Selectores avanzados
⌨️ (0:59:30) Selectores por atributo
⌨️ (1:09:38) ¿Qué son las propiedades?
⌨️ (1:12:59) La regla general en CSS
⌨️ (1:17:37) Tipos de colores
⌨️ (1:24:53) Colorear texto
⌨️ (1:32:30) Colores de fondo
⌨️ (1:36:56) Imágenes/URLs en CSS
⌨️ (1:42:30) Otras propiedades de fondo
⌨️ (1:48:59) Opacidad/Transparencia
⌨️ (1:52:17) Degradados
⌨️ (2:04:12) Introducción a las unidades de medida
⌨️ (2:15:57) Manipulación de texto
⌨️ (2:23:54) Tamaño, negrita y estilo de fuente
⌨️ (2:30:33) Familias de fuentes
⌨️ (2:37:08) Incluir fuentes externas con Google Fonts
⌨️ (2:43:1
Sobre este tutorial
freeCodeCamp.org publicó este tutorial en vídeo de 6:18:38 el 13 de noviembre de 2019. Se ha visto 3.498.643 veces en YouTube.
- Canal
- freeCodeCamp.org
- Categoría
- Educación
- Duración
- 6:18:38
- Publicado
- 13 de noviembre de 2019
- Visualizaciones
- 3.498.643
- Me gusta
- 71.279
Compartir
Este tutorial en otros idiomas
- ENCSS Tutorial - Zero to Hero (Complete Course)
- FRTutoriel CSS - Zero to Hero (Cours de complet)
- PTCSS Tutorial - Zero to Hero (curso completo)
- ITCSS Tutorial - Zero to Hero (Corso completo)
- DECSS Tutorial - Zero Held (Komplettkurs)
- NLCSS Tutorial - Zero to Hero (Complete Course)
- RUУчебник CSS - Нулевой Герою (полный курс)
- PLCSS - Zero to Hero (Complete Course)
- JACSSチュートリアル - ヒーローにゼロ(完全コース)
- ARCSS دروس - صفر إلى بطل (دورة كاملة)
- HIसीएसएस ट्यूटोरियल - शून्य हीरो के लिए (पूरा कोर्स)
- IDCSS Tutorial - Zero to Hero (Complete Course)