Тёмный

Domina POSITION CSS. Guía completa ✅. Position relative, absolute, fixed, sticky y z-index. 

Eureka Tutoriales
Подписаться 2,2 тыс.
Просмотров 20 тыс.
50% 1

En este vídeo, te enseñaré cómo utilizar la propiedad "position" en CSS para posicionar elementos en tu sitio web.
La propiedad "position" es una herramienta importante en CSS para el diseño de páginas web y su correcta utilización puede marcar una gran diferencia en la presentación visual de tu sitio. En este tutorial, te mostraré cómo utilizar los diferentes valores de "position" como "static", "relative", "absolute", y "fixed" para posicionar elementos de manera precisa en tu página web.
Aprenderás cómo utilizar la propiedad "position" para posicionar elementos en diferentes lugares de tu sitio, como en el centro de la pantalla, en una esquina, o en un lugar específico dentro de un contenedor. Además, te mostraré cómo combinar "position" con otras propiedades CSS como "top", "bottom", "left", y "right" para lograr un posicionamiento más preciso.

Опубликовано:

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 57   
@denjiuzumaki4309
@denjiuzumaki4309 4 месяца назад
profin un tutorial claro y que explica punto a punto, gracias!!!
@EurekaTutoriales
@EurekaTutoriales 4 месяца назад
Gracias a ti!!
@bagnoum747
@bagnoum747 3 месяца назад
Uno de los mejores vídeos.
@EurekaTutoriales
@EurekaTutoriales 3 месяца назад
Me alegra que te guste. Saludos.
@momorex7945
@momorex7945 7 месяцев назад
Me vi 3 videos de position en otros canales y no entendí nada, pero luego de ver tu video, se entendió! muy bien explicado!
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
Me alegro que te sirva.
@gregoryperez4566
@gregoryperez4566 10 месяцев назад
cuando curso de CSS completo?con lo bien que explicas deberias de hacer uno
@EurekaTutoriales
@EurekaTutoriales 10 месяцев назад
Quizás lo haga. Gracias por tu comentario.
@impresionesmaymay
@impresionesmaymay 9 месяцев назад
brutal, este pana si tiene pedagogía, eeexceleeeenteeee
@EurekaTutoriales
@EurekaTutoriales 9 месяцев назад
¡¡Gracias por comentar!!
@Gabi_leve
@Gabi_leve 2 месяца назад
waaaoooo no pude terminar de ver el video para comentar, excelente explicación, tan detallada... así puedo entender bien. Gracias!! Te felicito y que tengas muchos más éxitos!
@EurekaTutoriales
@EurekaTutoriales 2 месяца назад
¡¡Gracias!! Me alegra que te sirva.
@danielarboleda5213
@danielarboleda5213 6 месяцев назад
Eureka genial este video, excelente explicación muchas gracias por este contenido
@EurekaTutoriales
@EurekaTutoriales 6 месяцев назад
¡¡Gracias a ti!! Me alegra que te haya servido.
@soniaroblesgimenez3863
@soniaroblesgimenez3863 11 месяцев назад
por fin un video donde lo explican perfecto! Gracias!
@EurekaTutoriales
@EurekaTutoriales 11 месяцев назад
Me alegra que te haya gustado. Gracias por comentar.
@alejandrob8215
@alejandrob8215 11 месяцев назад
Excelente video, rápido, sencillo y claro...muchas gracias!!!
@EurekaTutoriales
@EurekaTutoriales 10 месяцев назад
¡¡Gracias por comentar!!
@kenetyujrachoque1822
@kenetyujrachoque1822 6 месяцев назад
Estuvo genial, fue un buen video a decir verdad estaria bueno que hiciera un libro que tenga una guía 😊, me fue de ayuda muchas gracias mi esttimado 🧐
@EurekaTutoriales
@EurekaTutoriales 6 месяцев назад
Me alegro que te haya servido. ¡Saludos!
@SolaPazEnergy
@SolaPazEnergy 10 месяцев назад
Estupendo tutorial amigo. Gracias y saludos
@EurekaTutoriales
@EurekaTutoriales 10 месяцев назад
Me alegrá que te sirviera.
@maib2192
@maib2192 7 месяцев назад
Me gustaria unos videos explicando mas sobre esos detalles del css
@maib2192
@maib2192 7 месяцев назад
Excellent, bien explicado, el que no entienda que reconsidere estudiar esto😅,, Gracias
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
¡¡Gracias por comentar!!
@woodenhouse8531
@woodenhouse8531 11 месяцев назад
Muy buen video y muy bien explicado. Gracias!!
@EurekaTutoriales
@EurekaTutoriales 11 месяцев назад
¡¡Gracias por comentar!!
@sebastianabella5581
@sebastianabella5581 Год назад
Excelente explicación, muchas gracias.
@EurekaTutoriales
@EurekaTutoriales Год назад
Gracias a ti por comentar.
@ignaciofrailebayon2714
@ignaciofrailebayon2714 9 месяцев назад
Muy bien explicado!! muy buena capacitación...un curso de html5 y CSS3 moderno porfavor??
@EurekaTutoriales
@EurekaTutoriales 9 месяцев назад
Gracias!! Seguro que seguiré subiendo videos sobre CSS.
@martinvarela206
@martinvarela206 Год назад
Like y comentario, porque se merece más vistas
@EurekaTutoriales
@EurekaTutoriales Год назад
Muchas gracias. Me alegra que te haya gustado.
@rOxhhh
@rOxhhh 8 месяцев назад
Excelente crack! explicaciòn excelente!
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
Gracias!! A ponerlo en práctica.
@FranciscoGonzález-g2p
@FranciscoGonzález-g2p 24 дня назад
Muchas gracias por tu video, está muy bien explicado, tengo una pregunta, ¿Cómo posiciono un elemento con un top de 50px para escritorio y 25px para teléfono?
@EurekaTutoriales
@EurekaTutoriales 22 дня назад
Hola, es fácil: usa una media query. Por ejemplo: @media (max-width: 576px) {top: 25px}
@FranciscoGonzález-g2p
@FranciscoGonzález-g2p 21 день назад
@@EurekaTutoriales muchas gracias por contestar, lo voy a probar.
@germanangeles5648
@germanangeles5648 11 месяцев назад
Que bien explicado, gracias
@EurekaTutoriales
@EurekaTutoriales 11 месяцев назад
¡Gracias por comentar!
@fgughy
@fgughy 6 месяцев назад
seria ...bueno ke aclares ... que el selector universal . margin padin box sizing ... cuales son sus valores... me rompi la cabeza para allar el error ...
@EurekaTutoriales
@EurekaTutoriales 6 месяцев назад
Cierto, no expliqué para que sirve boxsizing. Espero que ya lo hayas averiguado. Sino vuelve aquí y te lo aclaro. Un saludo.
@3Aniram
@3Aniram 10 месяцев назад
Me ha gustado mucho y me gustaría tenerlo para consultas rápidas pero no está la opción de guardarlo en una lista
@EurekaTutoriales
@EurekaTutoriales 10 месяцев назад
Hola, lo he probado y a mi si me deja guardarlo. ¿Que mensaje te sale?
@3Aniram
@3Aniram 10 месяцев назад
ya aparece. No aparecía la opción ni de download ni los tres puntitos para guardar. Que raro
@victorsebastiantriguerotap9314
Muy buen video, aprendí muy bien en como funciona el position, pero tengo una duda. ¿Cómo se hace que dos div se muevan entre si, como un menu desplegable y el contenido se mueve al abrirse dicho menu
@EurekaTutoriales
@EurekaTutoriales Год назад
No entiendo muy bien tu pregunta, pero podrías utilizar la pseudoclaes hover en css para mostrar el segundo div cuando pases el mouse encima del primero.
@victorsebastiantriguerotap9314
@@EurekaTutoriales Mi duda es sobre como se mueven de forma responsiva los divs, hacer que ninguna esta por encima o por debajo de la otra. Por ejemplo, hago un menu desplegable que se expande cuando le doy a un boton, pero el contenido queda por debajo, no se hace a un lado cuando el menu desplegable se abre con un collapse.
@yahirsamano6854
@yahirsamano6854 9 месяцев назад
Encontraste la solución solo con css? Por que hace mucho tiempo hice uno asi pero tuve que usar javascript para la animación junto a css
@israeel947-jlg
@israeel947-jlg 9 месяцев назад
que buen video.
@EurekaTutoriales
@EurekaTutoriales 9 месяцев назад
¡¡Gracias po comentar!! Saludos.
@Kabasho
@Kabasho 7 месяцев назад
Gracias!
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
¡¡Gracias a ti!!
@williamshung7553
@williamshung7553 5 месяцев назад
Necesito ayuda, cuando utilizo position fixed pierdo la barra de scroll y no puedo bajar subir. quien me puede ayudar?
@EurekaTutoriales
@EurekaTutoriales 5 месяцев назад
Hola. Eso te pasa porque tú contenido no supera el tamaño del viewport, es decir de la zona visible en pantalla de tu página web.
@ariox4714
@ariox4714 5 месяцев назад
esta mal si uso margin top luego de usar top:0; ?
@EurekaTutoriales
@EurekaTutoriales 5 месяцев назад
Hola, tienes que utilizar uno u otro, margin tiene preferencia sobre top.
Далее
Aprende TRANSICIONES CSS en 15 MINUTOS.
13:09
Просмотров 5 тыс.
«По каверочку» х МУЗЛОФТ❤️
00:21
Artist 4-Mavsum 20-son FINAL  (21.09.2024)
2:20:46
Просмотров 492 тыс.
GRANDMA2 CIRCLE EFFECTS
5:49
Просмотров 94
¿Cómo Funciona Position en CSS? - Guía POSITION
20:27
Learn CSS Subgrid in 14 minutes
14:19
Просмотров 75 тыс.
GUÍA COMPLETA DE FLEXBOX ANIMADA | CSS
41:26
Просмотров 105 тыс.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
Просмотров 356 тыс.
SÓLO 3 LÍNEAS: CSS Grid responsive sin media queries
10:04
Position Relative y Absolute con CSS
15:30
Просмотров 6 тыс.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Просмотров 123 тыс.
«По каверочку» х МУЗЛОФТ❤️
00:21