🔷 Qué es POSITION RELATIVE | CURSO de CSS Básico desde cero 2021 #35

Подписаться 80 тыс.

Просмотров 19 тыс.

50% 1

👋Hola, soy Dorian y voy a enseñarte a programar de manera sencilla y correcta con las especificaciones oficiales, te aseguro que cuando acabes este curso y continúes con los siguientes serás capaz de encontrar mejores oportunidades de trabajo o quizás realizar ese proyecto web que tanto has querido, pero no tenías idea por dónde comenzar.
Repositorio en Github: 👇
github.com/Dor...
Si tienes alguna duda o pregunta sobre este curso o un ejercicio en específico, te invito a unirte a la comunidad de Discord donde más de 6 mil personas estarán dispuest@s a ayudarte en tu crecimiento
👇Si quieres aprender un poco más y pasar un rato conmigo pásate por mi Twitch y saludame 👇
TWITCH / doriandesings
Si estás practicando no olvides etiquetarme en Instagram o Twitter con le etiqueta #.YoAprendoConDorian y así poder compartir con todos tus avances y enviarte un saludo especial.
Texto de la práctica:👇
mega.nz/file/D...
Curso CSS INTERMEDIO 👇
cursos.doriand...
Comunidad de Discord 👇
/ discord
Apoya el canal donando por paypal. 👇
www.paypal.me/...
VENTAJAS EXCLUSIVAS!! 👇
/ doriandesings
Repositorios en Github: 👇
github.com/Dor...
Mi setup: 👇
www.amazon.es/...
Mis redes sociales: 👇
🖼️ Instagram - / dorian_desings
💬 Facebook - / yoaprendocondorian
🐦Twitter - / doriandesings📋
#AprendeCSSconDorian

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

25 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 32

@DemoNico125 2 года назад

Excelente video mi hermano. Solo un detalle a tomar en cuenta en el video. La diagonal no puede medir 100 px. Por pura lógica SI te desplazas 100 px left y 100 px en top. La distancia entre el punto de origen al punto de desplazamiento es decir la diagonal trazada. Es igual a la hipotenusa de un cuadrado de 100px por 100px. Es decir 141.42px. Ya que nos deplazamos tanto en x como en y la misma cantidad de pixeles que lo que mide nuestro cuadrado. Dejando de lado la confusión con la diagonal trazada, que puede ser confuso para cualquiera que no haya comprendido lo que intentabas explicar. Toda tu explicación está perfecta. Agradezco tus videos muy bien explicados.

@david6723 3 года назад

Me encanta volver a ver los nuevos vídeos porque anima ver que realmente comprendes las cosas. Muy grande tu trabajo, un saludo! PD: Soy Osore66, pero uso esta cuenta en la empresa de prácticas haha.

@luismonagas573 8 месяцев назад

Esta propiedad de Position es uuuffffff., pero con la excelente explicación de Dorian uno aprende muuuchoooo, pero exigen mucha pràctica y uso de la propiedad Position.. Gracias y Saludos desde Venezuela 26/01/2024

@FernandoAOBorges 3 года назад

Parabéns!!! Um abraço de um brasileiro. Você é TOP. Ótimo professor

@GERARDOTORRESCACERES Год назад

Muchas gracias prof Dorian ,luego de cada vídeo ;empiezo a perderle el temor a este nuevo lenguaje ,ya acabé el curso de HTML y ahora voy por una nueva aventura con este lenguaje .Gracias por los conocimientos que comparte

@riquelmista6153 2 года назад

Explicas muy bien, super claro e ilustrativo. Felicitaciones, exitos y gracias!!

@Catralasarguido 2 года назад

Me pasoque cuando quise superponer dos cajas, la que estaba primero en el html, se ponia por encima de la otra y me tuvo dando vueltas varios minutos. Eventualmente funciono como se suponia que lo hiciera, asumire que fue un bug o que un hechicero lo hizo.

@dcloki789 2 года назад

muchas gracias por este excelente contenido y muy bien explicado.

@davidlobato22 Год назад

Gracias por explicar tan bien.

@DanielDesarrolla 3 года назад

exelente !! te descubri hace poco tiempo y me quede con tus explicaciones por ser super claras ! se agradecen todas y cada una !!

@DorianDesings 3 года назад

Gracias por tu apoyo

@joseantoniobenlopez3240 3 года назад

Otro estupendo vídeo con la habitual claridad y precisión a las que nos ha acostumbrado Dorian.

@ponk796 Год назад

Muy buenos tus videos!

@MiguelBenedetty 2 месяца назад

uuff que fuerte 😅😅

@vivracionespositivas Год назад

Mil gracias

@RubenVigo 2 года назад

Excelente, por fin lo entiendo muchas gracias

@hamsterv9621 2 года назад

Excelente.

Год назад

mi hermano, eres un excelente maestro, pero te invito a verificar en el minuto 2:44-2:45 donde dices que la diagonal es de 100 PX, creo matemáticamente que es incorrecto. Creo que es mejor decir 100px a la derecha y 100 px hacia abajo u otros terminos que manejen en programación. Pero la Diagonal no es de 100 px.

@agustinflores614 2 года назад

Excelente explicación!

@cristiancr644 3 года назад

que buen video tio !

@emilianolus9215 3 года назад

excelente explicacion!

@sebastianrodelo7965 3 года назад

Buena!

@emilianolus9215 3 года назад

hola Crack, le diste a una misma caja 2 clases???... no sabia que se podía, no lo recordaba...

@emanuelsotomayor2894 3 года назад

Todos los elementos de HTML pueden tener múltiples clases, es super útil.

@omarjhon5506 2 года назад

3:48 porque se mueve hacia esa posicion, no se supone que guardaba esa posicion o lo superpone?

@williamsruiz8414 2 года назад

También me pregunté lo mismo. Que no se supone que cada caja tiene su espacio reservado?

@andresgonzalez7367 2 года назад

@@williamsruiz8414 Que buen comentario, pero se refiere a que si se dibuja otro elemento, este no se dibujará en el espacio reservado, mientras que un elemento con posicion relative si puede estár ahí pues su espacio reservado está en otro lugar. haha espero haberme explicado :q Es una buena pregunta pero que sepan que no fue un error de explicación, es lo que se supone que debe suceder

@jeansosa463 2 года назад

Hola Omar, trataré de que mi respuesta se entienda. >>>>>>>>>>>>>>>>>>>>>>>>>>>>> .box-1{ background-color: lightcoral; position: relative; top: 100px; } .box-2{ background-color: lightgreen; position: relative; /* top: 100px; */ } >>>>>>>>>>>>>>>>>>>>>>>>>>>>> El primer box-1 tiene como valor de position (relative) por lo cual el navegador entiende que se le reservará un espacio para el elemento, al mover 100px hacia abajo (el navegador sigue entendiendo que ese elemento tiene una posición ya reservada), por lo tanto al poner un nuevo elemento, el vector ya no comienza en 0;0, si no que el vector comienza en 100; 100, si tu le quitas el top 100px al box-2 verás que la caja de lightgreen piza (por decirlo así a la caja lighcoral por el concepto de cascada ya que la especificidad es la misma) esto claro está que la caja box-2 tenga también la propiedad position: relative, por ello al ponerle top 100px a box-2 dicha caja se muestra a 200px desde arriba(pues como ya mencioné el navegador ya tiene reservado 100px de la anterior caja). >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Espero haberte ayudado, Saludos