Тёмный

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

Eureka Tutoriales
Подписаться 2 тыс.
Просмотров 16 тыс.
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.

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

 

17 апр 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 54   
@denjiuzumaki4309
@denjiuzumaki4309 Месяц назад
profin un tutorial claro y que explica punto a punto, gracias!!!
@EurekaTutoriales
@EurekaTutoriales 26 дней назад
Gracias a ti!!
@bagnoum747
@bagnoum747 5 дней назад
Uno de los mejores vídeos.
@EurekaTutoriales
@EurekaTutoriales 3 дня назад
Me alegra que te guste. Saludos.
@momorex7945
@momorex7945 4 месяца назад
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 3 месяца назад
Me alegro que te sirva.
@user-dz9fd5mu4t
@user-dz9fd5mu4t 6 месяцев назад
brutal, este pana si tiene pedagogía, eeexceleeeenteeee
@EurekaTutoriales
@EurekaTutoriales 6 месяцев назад
¡¡Gracias por comentar!!
@alejandrob8215
@alejandrob8215 7 месяцев назад
Excelente video, rápido, sencillo y claro...muchas gracias!!!
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
¡¡Gracias por comentar!!
@gregoryperez4566
@gregoryperez4566 7 месяцев назад
cuando curso de CSS completo?con lo bien que explicas deberias de hacer uno
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
Quizás lo haga. Gracias por tu comentario.
@sebastianabella5581
@sebastianabella5581 9 месяцев назад
Excelente explicación, muchas gracias.
@EurekaTutoriales
@EurekaTutoriales 8 месяцев назад
Gracias a ti por comentar.
@woodenhouse8531
@woodenhouse8531 7 месяцев назад
Muy buen video y muy bien explicado. Gracias!!
@EurekaTutoriales
@EurekaTutoriales 7 месяцев назад
¡¡Gracias por comentar!!
@SolaPazEnergy
@SolaPazEnergy 6 месяцев назад
Estupendo tutorial amigo. Gracias y saludos
@EurekaTutoriales
@EurekaTutoriales 6 месяцев назад
Me alegrá que te sirviera.
@soniaroblesgimenez3863
@soniaroblesgimenez3863 8 месяцев назад
por fin un video donde lo explican perfecto! Gracias!
@EurekaTutoriales
@EurekaTutoriales 8 месяцев назад
Me alegra que te haya gustado. Gracias por comentar.
@danielarboleda5213
@danielarboleda5213 2 месяца назад
Eureka genial este video, excelente explicación muchas gracias por este contenido
@EurekaTutoriales
@EurekaTutoriales 2 месяца назад
¡¡Gracias a ti!! Me alegra que te haya servido.
@germanangeles5648
@germanangeles5648 8 месяцев назад
Que bien explicado, gracias
@EurekaTutoriales
@EurekaTutoriales 8 месяцев назад
¡Gracias por comentar!
@rOxhhh
@rOxhhh 4 месяца назад
Excelente crack! explicaciòn excelente!
@EurekaTutoriales
@EurekaTutoriales 4 месяца назад
Gracias!! A ponerlo en práctica.
@maib2192
@maib2192 3 месяца назад
Excellent, bien explicado, el que no entienda que reconsidere estudiar esto😅,, Gracias
@EurekaTutoriales
@EurekaTutoriales 3 месяца назад
¡¡Gracias por comentar!!
@martinvarela206
@martinvarela206 9 месяцев назад
Like y comentario, porque se merece más vistas
@EurekaTutoriales
@EurekaTutoriales 8 месяцев назад
Muchas gracias. Me alegra que te haya gustado.
@maib2192
@maib2192 3 месяца назад
Me gustaria unos videos explicando mas sobre esos detalles del css
@kenetyujrachoque1822
@kenetyujrachoque1822 3 месяца назад
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 3 месяца назад
Me alegro que te haya servido. ¡Saludos!
@user-vs7tj2nb4e
@user-vs7tj2nb4e 6 месяцев назад
que buen video.
@EurekaTutoriales
@EurekaTutoriales 6 месяцев назад
¡¡Gracias po comentar!! Saludos.
@Kabasho
@Kabasho 3 месяца назад
Gracias!
@EurekaTutoriales
@EurekaTutoriales 3 месяца назад
¡¡Gracias a ti!!
@ignaciofrailebayon2714
@ignaciofrailebayon2714 6 месяцев назад
Muy bien explicado!! muy buena capacitación...un curso de html5 y CSS3 moderno porfavor??
@EurekaTutoriales
@EurekaTutoriales 5 месяцев назад
Gracias!! Seguro que seguiré subiendo videos sobre CSS.
@fgughy
@fgughy 2 месяца назад
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 2 месяца назад
Cierto, no expliqué para que sirve boxsizing. Espero que ya lo hayas averiguado. Sino vuelve aquí y te lo aclaro. Un saludo.
@victorsebastiantriguerotap9314
@victorsebastiantriguerotap9314 8 месяцев назад
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 8 месяцев назад
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
@victorsebastiantriguerotap9314 8 месяцев назад
@@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 6 месяцев назад
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
@mrdark601
@mrdark601 2 месяца назад
yo tengo un nav dentro de la etiqueta head en html, nada que ver con el body, pero cuando le doy padding al body, tambien se mueve el nav, lo cual no tiene sentido alguno porque el nav lo tengo en el head. tienes alguna idea de cual podria ser el problema?
@EurekaTutoriales
@EurekaTutoriales 2 месяца назад
Hola, eso te pasa porque el nav no lo puedes meter dentro de la etiqueta head. Entonces el propio navegador corrige el error y la introduce dentro de la etiqueta body. Puedes comprobarlo inspeccionando el código, pulsando botón derecho ratón y pulsando en inspeccionar, ahí verás que la etiqueta nav aparece dentro del body. Saludos.
@3Aniram
@3Aniram 7 месяцев назад
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 7 месяцев назад
Hola, lo he probado y a mi si me deja guardarlo. ¿Que mensaje te sale?
@3Aniram
@3Aniram 7 месяцев назад
ya aparece. No aparecía la opción ni de download ni los tres puntitos para guardar. Que raro
@williamshung7553
@williamshung7553 2 месяца назад
Necesito ayuda, cuando utilizo position fixed pierdo la barra de scroll y no puedo bajar subir. quien me puede ayudar?
@EurekaTutoriales
@EurekaTutoriales 2 месяца назад
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 2 месяца назад
esta mal si uso margin top luego de usar top:0; ?
@EurekaTutoriales
@EurekaTutoriales 2 месяца назад
Hola, tienes que utilizar uno u otro, margin tiene preferencia sobre top.