🔴POSITION en CSS [GUÍA COMPLETA] en ESPAÑOL 🔴 Eduardo Fierro Pro

🤘¡Qué pasa crucks! En este vídeo vamos a ver qué es el position en CSS, los conceptos esenciales del position y el flujo en HTML.
Repasaremos los conceptos de etiqueta contenedora y hermana, la colocación de etiquetas y su referencia de colocación.

Definiremos cada position desde que es position static, que es position relative, que es position absolute, que es position fixed y qué es position sticky. También repasaremos reglas nemotécnicas para que puedas usarlos y consejos al usar position.

🔖 TODOS los vídeos de esta SERIE
✓ QUE es el POSITION:    • 🔴POSITION en CSS [GUÍA COMPLETA] en ESPAÑO...  
✓ CENTRAR etiquetas con POSITION:    • 🔵 CÓMO CENTRAR ETIQUETAS en HTML respecto ...  
✓ CÓDIGO: Centrando etiquetas    • 🚀Cómo CENTRAR ETIQUETAS en HTML | *DESCARG...  

Si te ha gustado el vídeo dale a like, suscríbete y ¡dale a la campanita! 😊

_______
📹Otros vídeos de mi canal
😊 Vídeos recomendados    • 👉Vídeos recomendados  
🚀ROADMAP Desarrollo WEB    • 🔎ROADMAP de un DESARROLLADOR WEB: Perfiles...  
🤯 Explicando Web de forma diferente    • 😱Explicando conceptos: Aprende a programar...  
🙇🏻 Construyendo uns Slider, Acordeón, Tabs...    • 🤯 Construyendo un Carrusel, Slider, Acorde...  

_______
📚¿Estás buscando un Curso, Máster o Bootcamp sobre desarrollo web?
Soy profesor en la escuela CEI donde imparto Cursos y Másters sobre desarrollo web donde puedes obtener un descuento del 5% en el precio del curso usando el código embajador.eduardofierro

¡Pide información sobre los cursos donde soy profesor desde este enlace!
👉https://cei.es/?ref=eduardofierropro

_______
✅ Directos en Twitch:   / eduardofierropro  
✓ ¡Apóyame en Youtube! https://www.youtube.com/EduardoFierro...
✓ Trucos rápidos en TikTok   / eduardofierro.pro  
✓ Podcast sobre desarrollo web https://anchor.fm/eduardofierropro
✓ Programación en Instagram   / eduardofierro.pro  
✓ Códigos para descargar en Github https://github.com/eduardofierropro
✓ Noticias sobre web en Twitter   / 1325827794627129344  
✓ Mi web https://eduardofierro.pro

_______
🔥Enlaces a productos de mi setup

🖥 Samsung Space Monitor 27" https://amzn.to/3mABk0R
🖥 LG Ultrawide 25" https://amzn.to/3XrMwOp
💪 Brazo EarGear https://amzn.to/3YPPnBF
🖥 Mac Studio M1 Max https://amzn.to/3xlwqez
💻 MacBook Pro 15" 2019 https://amzn.to/2XEdeGL
⚡️ Mesa elevable Flexispot https://amzn.to/3xlwqez
⌨️ HHKB Hybrid Type-S https://amzn.to/3xlwqez
⌨️ Logitech G915 https://amzn.to/2Tzy1da
🖱 Logitech MX Master 2 https://amzn.to/2WZlUZa
💡 Elgato Key Light Air https://amzn.to/2TzxPus
💡 Elgato Right Light https://amzn.to/3tWoM62
🎛 Elgato Stream Deck XL https://amzn.to/3d1cy4n
🎙 Elgato Wave 3 https://amzn.to/2QsPLbU
🎙 Elgato Wave Pop Filter https://amzn.to/33ONkU1
✔️ Elgato Soporte Teléfono https://amzn.to/2RTZatj
🎧 Beats Wireless Studio 3 https://amzn.to/3YOtDWT
✔️ Corsair ST100 RGB premium https://amzn.to/3d3hiZY
📱 iPhone 13 Pro https://amzn.to/3lsPRPI
📱 Motorola G https://amzn.to/2TzYcjO
📱 Samsung M11 https://amzn.to/3uTwNKh
🪑 Drift dr500bhttps://amzn.to/3kaEHtE

Enlaces en los productos en mi web: https://eduardofierro.pro/workspace

______
Psss... Si has llegado hasta aquí eres un auténtico CRUCK de la vida. ¿Vemos cuántos somos poniendo "de frontends!!" en los comentarios? 😏
______
Capítulos:

00:00 Introducción
01:14 ¿Qué es el position en CSS?
02:06 Conceptos esenciales del position
02:57 ¿Qué es el flujo en HTML?
03:50 Etiqueta contenedora y hermana
05:07 Colocación de etiquetas
05:58 Referencia de colocación
07:31 Definiendo cada position
08:14 ¿Qué es position static?
08:52 ¿Qué es position relative en CSS?
09:32 ¿Qué es position absolute?
10:00 ¿Qué es position fixed?
10:34 ¿Qué es position sticky?
11:44 Reglas nemotécnicas
11:50 ¿Cuál es la posicion que viene por defecto en todos los elementos HTML?
12:05 ¿Qué es position relative cuáles son sus propiedades y ejemplos?
12:37 ¿Cuándo uso Position Absolute?
13:00 ¿Cuándo uso Position Fixed?
13:11 Cuidado al usar position absolute
13:23 Recuerda poner Relative cuando uses Absolute
13:31 Cuidado con la altura en absolute
14:17 Consejos al usar position