🤘¡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...
✓ CENTRAR etiquetas con POSITION: • 🔵 CÓMO CENTRAR ETIQUET...
✓ CÓDIGO: Centrando etiquetas • 🚀Cómo CENTRAR ETIQUETA...
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 DESARRO...
🤯 Explicando Web de forma diferente • 😱Explicando conceptos:...
🙇🏻 Construyendo uns Slider, Acordeón, Tabs... • 🤯 Construyendo un Carr...
_______
📚¿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!
👉cei.es/?ref=eduardofierropro
_______
✅ Directos en Twitch: / eduardofierropro
✓ ¡Apóyame en RU-vid! ru-vid.com...
✓ Trucos rápidos en TikTok / eduardofierro.pro
✓ Podcast sobre desarrollo web anchor.fm/eduardofierropro
✓ Programación en Instagram / eduardofierro.pro
✓ Códigos para descargar en Github github.com/eduardofierropro
✓ Noticias sobre web en Twitter / 1325827794627129344
✓ Mi web eduardofierro.pro
_______
🔥Enlaces a productos de mi setup
🖥 Samsung Space Monitor 27" amzn.to/3mABk0R
🖥 LG Ultrawide 25" amzn.to/3XrMwOp
💪 Brazo EarGear amzn.to/3YPPnBF
🖥 Mac Studio M1 Max amzn.to/3xlwqez
💻 MacBook Pro 15" 2019 amzn.to/2XEdeGL
⚡️ Mesa elevable Flexispot amzn.to/3xlwqez
⌨️ HHKB Hybrid Type-S amzn.to/3xlwqez
⌨️ Logitech G915 amzn.to/2Tzy1da
🖱 Logitech MX Master 2 amzn.to/2WZlUZa
💡 Elgato Key Light Air amzn.to/2TzxPus
💡 Elgato Right Light amzn.to/3tWoM62
🎛 Elgato Stream Deck XL amzn.to/3d1cy4n
🎙 Elgato Wave 3 amzn.to/2QsPLbU
🎙 Elgato Wave Pop Filter amzn.to/33ONkU1
✔️ Elgato Soporte Teléfono amzn.to/2RTZatj
🎧 Beats Wireless Studio 3 amzn.to/3YOtDWT
✔️ Corsair ST100 RGB premium amzn.to/3d3hiZY
📱 iPhone 13 Pro amzn.to/3lsPRPI
📱 Motorola G amzn.to/2TzYcjO
📱 Samsung M11 amzn.to/3uTwNKh
🪑 Drift dr500bamzn.to/3kaEHtE
Enlaces en los productos en mi web: 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
28 май 2024