🎨 Variables, Flotación y Desbordamiento (Overflow) en CSS 3 | Clase 14 👉 Curso Desarrollo Web 2026

Sobre esta lección

¡Bienvenidos a una nueva clase! 🚀 En este episodio del Curso de Desarrollo Web 2026, vamos a aprender a escribir un código CSS mucho más limpio, reutilizable y a controlar el contenido rebelde de nuestra página. Comenzaremos creando Variables en CSS (Custom Properties) para no tener que repetir colores o tamaños una y otra vez. Luego, exploraremos la Flotación (float), una técnica clásica de posicionamiento, y veremos cómo manejar el Desbordamiento (overflow) cuando el contenido es demasiado grande para su caja. Finalmente, ajustaremos la dirección del texto con el Flujo de escritura (writing-mode). Recurso para la clase: https://github.com/alexroel/google-clone-recursos DESCARGAR RECURSOS: https://github.com/alexroel/google-clone-recursos/archive/refs/heads/main.zip ⏳ Índice de la clase: ⏩ 00:00 👉 Presentación ⏩ 01:00 👉 Variables en CSS ⏩ 10:22 👉 Flotación CSS ⏩ 25:13 👉 Desbordamiento ⏩ 31:27 👉 Flujo de escritura ⏩ 35:44 👉 Despedida 🔗 Enlaces y Recursos: https://youtube.com/playlist?list=PLt1J5u9LpM58YRx555CXSYC0KZNqh84BY&si=dfKCpjdBHxzK9lFr Lista de reproducción completa: [Enlace a la playlist del curso] Las variables en CSS te van a cambiar la vida al momento de diseñar. ¿Ya se te ocurrió qué colores vas a guardar en tus primeras variables? Cuéntamelo en los comentarios. No olvides hacer commit de estos nuevos apuntes en tu repositorio de GitHub; mantener un registro activo de tu aprendizaje es una excelente forma de ir construyendo un portafolio profesional. ¡Deja tu like y suscríbete para no perderte la próxima clase! 👇 🔔 ¡Suscríbete para no perderte las siguientes clases prácticas de este curso! 😍 Hazte miembro del canal y apoya la creación de más contenido: https://www.youtube.com/channel/UCEFS_rvehmW2k14Ci_XzTcQ/join ========================================================= ✨ ⏩ Cursos Premium ⏪ ========================================================= ✅★ Curso de HTML, CSS y JavaScript:👉 https://www.udemy.com/course/curso-completo-javascript/ ✅★ Curso de Python:👉 https://www.udemy.com/course/curso-completo-de-python-desde-cero-hasta-experto/ ✅★ Curso de Golang:👉 https://www.udemy.com/course/curso-golang/ ✅★ Curso de Desarrollo Web:👉 https://www.udemy.com/course/programacion-desarrollo-web/?referralCode=750FE63A326735E19D7E ✅★ Curso de Java:👉 https://www.udemy.com/course/curso-java-spring/?referralCode=DE854DA41937FC58804D ============================ ========================================================= 🔔 Curso Gratuitos ========================================================= 🌐 Curso de HTML: https://youtu.be/RueU042gxpM 🌐 Curso de CSS: https://youtu.be/FO_1B6F83lQ 🌐 Curso de Python: https://youtu.be/_NG3bSXLRzs 🌐 Curso de Java: https://youtu.be/nQR2v9292Hs 🌐 Curso de Golang: https://youtu.be/R_Ib7FRQUrA ============================ 💠CURSOS ONLINE:💠 ============================ 👨‍🎓➡ Más Cursos Online Aquí: 👉 https://www.udemy.com/user/alex-roel/ 🌎➡ Visitar al Sitio Oficial: 👉 https://roelcode.com/