Domina POSITION CSS. Guía completa ✅. Position relative, absolute, fixed, sticky y z-index.
Vložit
- čas přidán 17. 04. 2023
- 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.
profin un tutorial claro y que explica punto a punto, gracias!!!
Gracias a ti!!
Uno de los mejores vídeos.
Me alegra que te guste. Saludos.
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!
¡¡Gracias!! Me alegra que te sirva.
Me vi 3 videos de position en otros canales y no entendí nada, pero luego de ver tu video, se entendió! muy bien explicado!
Me alegro que te sirva.
cuando curso de CSS completo?con lo bien que explicas deberias de hacer uno
Quizás lo haga. Gracias por tu comentario.
brutal, este pana si tiene pedagogía, eeexceleeeenteeee
¡¡Gracias por comentar!!
Muy buen video y muy bien explicado. Gracias!!
¡¡Gracias por comentar!!
Excelente video, rápido, sencillo y claro...muchas gracias!!!
¡¡Gracias por comentar!!
Excelente explicación, muchas gracias.
Gracias a ti por comentar.
Que bien explicado, gracias
¡Gracias por comentar!
por fin un video donde lo explican perfecto! Gracias!
Me alegra que te haya gustado. Gracias por comentar.
Estupendo tutorial amigo. Gracias y saludos
Me alegrá que te sirviera.
Eureka genial este video, excelente explicación muchas gracias por este contenido
¡¡Gracias a ti!! Me alegra que te haya servido.
Excelente crack! explicaciòn excelente!
Gracias!! A ponerlo en práctica.
Me gustaria unos videos explicando mas sobre esos detalles del css
Like y comentario, porque se merece más vistas
Muchas gracias. Me alegra que te haya gustado.
que buen video.
¡¡Gracias po comentar!! Saludos.
Gracias!
¡¡Gracias a ti!!
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 🧐
Me alegro que te haya servido. ¡Saludos!
Excellent, bien explicado, el que no entienda que reconsidere estudiar esto😅,, Gracias
¡¡Gracias por comentar!!
Muy bien explicado!! muy buena capacitación...un curso de html5 y CSS3 moderno porfavor??
Gracias!! Seguro que seguiré subiendo videos sobre CSS.
Me ha gustado mucho y me gustaría tenerlo para consultas rápidas pero no está la opción de guardarlo en una lista
Hola, lo he probado y a mi si me deja guardarlo. ¿Que mensaje te sale?
ya aparece. No aparecía la opción ni de download ni los tres puntitos para guardar. Que raro
seria ...bueno ke aclares ... que el selector universal . margin padin box sizing ... cuales son sus valores... me rompi la cabeza para allar el error ...
Cierto, no expliqué para que sirve boxsizing. Espero que ya lo hayas averiguado. Sino vuelve aquí y te lo aclaro. Un saludo.
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
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.
@@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.
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
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?
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.
Necesito ayuda, cuando utilizo position fixed pierdo la barra de scroll y no puedo bajar subir. quien me puede ayudar?
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.
esta mal si uso margin top luego de usar top:0; ?
Hola, tienes que utilizar uno u otro, margin tiene preferencia sobre top.