Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
¿Cómo usar Z-INDEX en CSS? | CURSO COMPLETO CSS 2023
Play lesson

curso completo desarrollador frontend 2023 - ¿Cómo usar Z-INDEX en CSS? | CURSO COMPLETO CSS 2023

5.0 (1)
18 learners

What you'll learn

This course includes

  • 9.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

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.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere