👉En este vídeo vamos a ver cómo CENTRAR ETIQUETAS según su POSITION en CSS. Veremos las 5 claves a tener en cuenta, como afecta Float y Flex al centrar, lo esencial del position y las claves para centrar en position static y position relative como para centrar en position absolute y position fixed.
🔖 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...
Veremos siempre una tabla y un diagrama que te permitirán centrar en casi casi todos los casos posibles. (Es casi imposible tener en cuenta el 100% de los casos)
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
_______
🔥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
00:59 Las 5 claves a tener en cuenta
02:19 Float vs Flex al centrar
03:04 Lo esencial del position
04:02 Claves para centrar en position static y position relative
04:52 Tabla para centrar etiquetas
05:22 Centrar 1 etiqueta en horizontal en static o relative
05:51 Centrar muchas etiquetas en horizontal en static o relative
06:23 Centrar etiquetas en horizontal con flex
06:42 Centrar 1 etiqueta en vertical en static o relative
07:06 Centrar etiquetas en vertical con flex
07:26 Diagrama para centrar con position static o relative
07:50 Centrar 1 etiqueta en horizontal con float
08:00 Centrar muchas etiqueta en horizontal con float
08:08 Centrar en vertical una etiqueta
08:21 Como centrar en horizontal en flex
08:31 Como centrar en vertical en flex
09:04 Como centrar etiquetas en position absolute y position fixed
10:15 Tabla para centrar con calc() y position absolute o fixed
10:42 Centrar con calc() un absolute en horizontal con píxeles
11:08 Centrar con calc() un absolute en horizontal con porcentaje
11:31 Centrar con calc() un absolute en vertical con pixeles
11:41 Centrar con calc() un absolute en vertical con porcentaje
12:10 Tabla para centrar con margin y position absolute o fixed
12:24 Centrar con margin un absolute en horizontal con píxeles
12:49 Centrar con margin un absolute en horizontal con porcentaje
13:02 Centrar con margin un absolute en vertical con pixeles
13:18 Centrar con margin un absolute en vertical con porcentaje
13:55 Diagrama de centrado con absolute y fixed
14:07 Como centrar horizontalmente un absolute con píxeles
14:17 Como centrar horizontalmente un absolute con porcentaje
14:32 Como centrar verticalmente un absolute con píxeles
14:45 Como centrar verticalmente un absolute con porcentaje
3 июн 2024