Summary
Keywords
Full Transcript
En este video aprenderás sobre el uso de z-index, stacking contexts o contextos de apilamiento, y stacking level. Descubrirás cómo estos conceptos afectan la superposición de elementos en una página web y cómo puedes controlar su posición visual. Además, se utiliza Microsoft Edge en la versión Canary como herramienta principal, y se explora un ejemplo básico para comprender mejor estos conceptos. Aprenderás a utilizar las herramientas de desarrollo de Edge para visualizar los sitios web en 3D, lo que te permitirá entender más fácilmente los stacking contexts. También se explican ejemplos prácticos con código CSS para ilustrar cómo afectan estos conceptos a la disposición de los elementos en una página web. ¡No te pierdas este video si quieres mejorar tus habilidades en CSS y diseño web! 00:00 - Intro 00:10 - ¿Cuando usar Microsoft Edge para desarrollar? 00:45 - ¿Cómo abrir las herrmientas de desarrollador en Microsoft Edge? 01:44 - ¿Cúando necesitamos usar z-index? 03:38 - ¿Cómo funciona el Z-INDEX? 05:07 - ¿Cómo crear un stacking context? 06:14 - ¿Qué sucede cuando usamos un Z-INDEX negativo? 07:27 - Multiples Stacking Contexts 09:58 - ¿Cúal es el alcance de los stacking contexts? 10:29 - Documentación Importante 10:59 - SUSCRIBITE #css #z-index #webdevelopment #html #javascript #stackingcontext #zindex #stackinglevel #MicrosoftEdge #Canary #desarrolloweb #CSS #diseñoweb #superposiciónelementos #herramientasdesarrollo #3DView #posicionamientoCSS #contextosapilamiento #visualizaciónweb #diseñovisual #tutorialCSS #aprendizajeweb #desarrollofrontend #HTML #propiedadesCSS #webdesign #elementosHTML #visualización3D #desarrollodesitiosweb #técnicasdiseño #frontenddevelopment #diseñointeractivo.
