Entenda position relative e absolute no CSS - Quando e como posicionar elementos na página

Поделиться
HTML-код
  • Опубликовано: 14 ноя 2024

Комментарии • 94

  • @unknown.code7
    @unknown.code7 5 месяцев назад +5

    Em minha opinião, a duração do vídeo não importa muito, o que realmente importa é a explicação contida no vídeo. Por mim, esse foi um vídeo incrível que eu já vi pois esclareceu todas as minhas dúvidas sobre a propriedade "position" e seus valores "absolute" e "relative". Agora olhando aqui no meu código consigo entender perfeitamente os movimentos do meu container. Muito obrigado de coração!

  • @silasbispo01
    @silasbispo01 2 года назад +51

    Mano, alguns meses atrás acordava 7h da manhã e passava o dia no teu curso de javascript da udemy, valeu muito apena! Você é um exelente professor, sou muito grato! +- 6 meses de estudo, consegui um job muito bom e tô até hoje lá :)

    •  2 года назад +17

      Fico muito feliz em saber disso. Você alegrou ainda mais o meu dia. Muito obrigado por isso e por ter focado nos estudos =)

  • @josimarmiranda9722
    @josimarmiranda9722 Год назад +8

    Professor, vai sugestão de aula: Sobre largura e altura da página e body ensinando quando usar vw, vh e % para deixar do tamanho que agente quiser.

  • @jeziosmendeslira3134
    @jeziosmendeslira3134 10 дней назад

    Sensacional professor !! sua didática é incrível, estava com dificuldades pra entender Position absolute e principalmente Relative, e ainda de quebra entendi o z-index q nem sabia q existia, meus parabéns pelo conteúdo, pela fantástica e excepcional explicação, mto obg mesmo por compartilhar esse conhecimento q com certeza já me ajudou mto e vai ajudar outros tbm.

  • @dansoares572
    @dansoares572 Месяц назад

    Cara, tu és show de professor. Dominas muito bem o conteúdo e fica fácil de aprender assitindo tuas aulas. Muito obrigado. Sou aluno de cursos teus e tenho satisfação com todas as aulas. Recomendo! Parabéns!

  • @marciodavid81
    @marciodavid81 5 месяцев назад +1

    melhor explicação sobre position que encontrei no YT, agora sim entendi essa bagaça. kkkk

  • @flavianofreire479
    @flavianofreire479 Год назад +2

    Show mano, muito obrigado. Tava apanhando pra entender isso, vc explica bem.

    •  Год назад +1

      Que bom que ajudou

  • @pedropauloteodoro2602
    @pedropauloteodoro2602 6 месяцев назад +1

    Passando aqui para relebrar, tinha esqucido pois não estava usando e a gente acaba esquecendo
    excelente contueudo !!!

  • @caiquemoraes5151
    @caiquemoraes5151 Год назад +1

    Mano, a melhor aula explicando esse conteúdo! Vc é fera 🙏🙏

  • @luizdepaulamartins2013
    @luizdepaulamartins2013 2 года назад +1

    voltei para comentar, pq merece. A forma como explica, torna muito fácil a compreensão. Excelente didática. Parabéns!!

    •  2 года назад +1

      Obrigado pelo elogio, volte sempre (de verdade).

  • @RONALDO362009
    @RONALDO362009 4 месяца назад

    Show de bola sua explicação, agora entendi perfeitamente. Parabéns pela dinâmica da explanação! Muito obrigado pelo conteúdo.

  • @gabrielborges8735
    @gabrielborges8735 Год назад +1

    Cara, não foi uma aula foi um show! Tu da exemplos que se encaixam na cabeça, fala tudo com clareza, nota 10 mestre!.

    •  Год назад

      ❤️❤️

  • @spptunes5445
    @spptunes5445 Год назад +2

    Incrível professor! Muitooo obrigada

  • @nomadealex
    @nomadealex Год назад

    muito bom! A explicação tecnica é boa pra entrevistas! valeu!!

  • @kaue3870
    @kaue3870 Год назад +1

    aula maravilhosa, estou aprofundando meu CSS e vc esta me ajudando demais, muito obrigado prof!!

    •  Год назад

      Sucesso!

  • @danfealmeida
    @danfealmeida Год назад

    melhor explicação sobre positions relative e absolute. GRATIDÃO!

  • @herlesnp2010
    @herlesnp2010 Год назад +1

    Cara eu aprendi mais com você do que nos cursos pagos, parabéns pelo excelente trabalho.

    •  Год назад +2

      Fico feliz em saber

  • @pyruk4_
    @pyruk4_ Год назад

    Me ajudou bastante, estava com dificuldades para entender isso.

  • @rafaspimenta
    @rafaspimenta Год назад

    Simples e prática explicação. Excepcional!

  • @devdofuturo
    @devdofuturo Год назад +1

    Obrigado!
    Tempo:
    0:00 - Introdução
    1:40 - Position absolute
    9:50 - Posicionar o elemento no centro da tela
    15:40 - Position relative
    20:14 - z-index

  • @gabrielfernando6724
    @gabrielfernando6724 Год назад +1

    cara top demais, vim com uma duvida e aprendi mais coisas, obrigado pelo conteudo👏👏👏

  • @antoniopereira1967
    @antoniopereira1967 Год назад

    Você é fenomenal nas suas explicações. Obrigado

  • @viniciusrobertobh8281
    @viniciusrobertobh8281 Год назад

    me ajudou de mais aqui na monagem de um card onde tive que sobrepor alguns elementos

  • @BFinformatica
    @BFinformatica Год назад

    Parabens pelo trabalho foi muito bem explicado

  • @tiagofernandes4030
    @tiagofernandes4030 4 месяца назад

    melhor aula que ja vi

  • @Elvis_Melook
    @Elvis_Melook 4 месяца назад

    Muito obrigado pelo seu vídeo, ajudou muito!

  • @paulosampaio4882
    @paulosampaio4882 2 года назад

    Muito obrigado por essa aula. Estava precisando :/ a sua explicação foi a melhor que eu encontrei ate hoje. Finalmente consegui entender 🙏🏻

  • @FuturisticGrow
    @FuturisticGrow Год назад

    Boa aula e explicação, obrigado Otavio

  • @edsonferraz1
    @edsonferraz1 10 месяцев назад

    Parabéns, ótimo video, muito bem explicado.

  • @clodoaldo.miranda
    @clodoaldo.miranda 8 месяцев назад

    explicação mega didática 🦾🦾🦾

  • @CanalMarquesOficial
    @CanalMarquesOficial Год назад

    Muito bom o vídeo e a didática. Obrigado por compartilhar! 👍

  • @GuilhermeDavino
    @GuilhermeDavino 2 года назад +2

    Professor, o senhor é fera. 👍

  • @1biritou
    @1biritou 8 месяцев назад

    Aula foda! Mto fluída..parabéns!

  • @vaniabrito3312
    @vaniabrito3312 Год назад

    aula muito boa, conteúdo muito claro.

  • @davipedro6841
    @davipedro6841 Год назад

    Obrigado pelo seu conteúdo gostei muito❤

  • @meugameplay9471
    @meugameplay9471 Год назад

    Cara, sensacional o teu conteúdo. Adore tua didática, obrigado!

  • @lieberteferreira665
    @lieberteferreira665 Год назад

    Parabéns, ótimo conteúdo.

  • @ramashiajairo7260
    @ramashiajairo7260 Год назад

    Muito bom e Claro esse Vídeo

  • @marcelocguilherme
    @marcelocguilherme 2 года назад +1

    Excelente conteúdo! Parabéns Otávio!

    •  2 года назад

      Obrigado ☺️🙏

  • @wendelrodrigues1237
    @wendelrodrigues1237 2 года назад

    Cara... Show!!! Parabéns pela didática e pela iniciativa.

  • @tamaramontijo3396
    @tamaramontijo3396 Год назад

    Que vídeo bom! Parabéns pelo trabalho.

  • @linosouza8871
    @linosouza8871 Год назад

    Ótimo conteúdo, obrigado por compartilhar.

  • @oBMarques
    @oBMarques 2 года назад

    Conteúdo muito bom e com uma didática q gosto muito

    •  2 года назад

      Muito obrigado

  • @tanque2222
    @tanque2222 Год назад

    Agora sim eu consegui entender esses conceitos de absolute e relative

  • @gabrieljauneribera9931
    @gabrieljauneribera9931 Год назад +1

    Caraca q qualidade incrivel mano

  • @manoelpires69
    @manoelpires69 Год назад

    Show!!! Trucidou minhas dúvidas.

    •  Год назад

      Que ótimo!

  • @pichinel
    @pichinel 2 года назад +3

    Professor, a expressão é "O céu é o limite" e não "O céu é o infinito" 😂😂. Ótimas aulas, como sempre!

  • @abnercorretordeimoveis34
    @abnercorretordeimoveis34 Год назад

    Excelente conteúdo

  • @PixelStar-m4p
    @PixelStar-m4p Год назад

    aula excelente

  • @claudenirfer918
    @claudenirfer918 2 года назад

    Cara, excelente explicação. Bem top esse vídeo.

    •  2 года назад

      Valeu 😀

  • @Baaaankai
    @Baaaankai 2 года назад

    Muito bem explicado!

  • @setsitesagenciamento5710
    @setsitesagenciamento5710 2 года назад

    Show de bola essa aula ai viu!!!

    •  2 года назад

      Obrigado 🙏

  • @tonysjc
    @tonysjc 2 года назад

    Excelente, parabéns 👏

    •  2 года назад

      Obrigado 🙌

  • @osmarbrito-maqueteeletroni8798
    @osmarbrito-maqueteeletroni8798 9 месяцев назад

    Show! muito bom

  • @MsDiogocouto
    @MsDiogocouto 2 года назад

    Professor é top !!!

    •  2 года назад

      Obrigado pelo elogio, bons estudos =)

  • @lorenadebs838
    @lorenadebs838 2 года назад

    excelente 👏

  • @igorcarmonadj
    @igorcarmonadj Год назад

    Aula foda demais! Muito obrigado!
    Deixa eu te fazer uma pergunta, eu estou fazendo o curso de Python seu e fazendo um curso de desenvolvimento web da Rocketseat também, estou cursando a faculdade de ADS.
    Eu estou tentando estudar um pouquinho de cada coisa, um dia eu estudo python, outro dia eu estudo desenvolvimento web e vou fazendo em paralelo as coisas da faculdade.
    Você tem um grande conhecimento em muitas áreas e linguagens, está correto a minha forma de estudar? O que voce acha que seria mais eficiente? O que recomenda?
    Penso o seguinte, se eu focar somente em uma coisa, exemplo: "Estudar somente python até sua conclusão", penso que as outras coisas que eu reservei um pouco pra estudar, eu vou esquecer o que aprendi, esquecer as regrinhas e etc. Agora, se eu fizer um pouquinho de cada coisa, variando os dias, penso que o conteúdo vai ficar na mente ainda, porém demora muito até a finalização desses cursos.
    Valaeuu!!

    •  Год назад +1

      Isso depende de cada pessoa... No meu caso, prefiro focar em uma coisa só.

  • @damieenlucas
    @damieenlucas Год назад

    Como o seu CSS no Codepen aparece a palavra assim q se escrevem tipo no vscode?

  • @gabrielsantos-mz3dr
    @gabrielsantos-mz3dr 2 года назад

    ótimo video, parabéns

    •  2 года назад

      Muito obrigado 😁

  • @patricgouveia6508
    @patricgouveia6508 Год назад

    Maravilhoso

  • @adl_biel
    @adl_biel Год назад

    Que aula🎉

  • @binho1189
    @binho1189 Год назад

    Aonde que dá pra dar mil likes?
    Credo!
    Pesquisei pra CARAMBA pra tentar começar entender css...
    E era MT complexo outros vídeos... Mas este seu vídeo... Jesus do céu!
    Até vou baixar kkkk
    Vá que suma o vídeo kkkk

  • @edsonrl
    @edsonrl 2 года назад

    Boa tarde Mestre Otávio! Estou fazendo seu curso na Udemy, o de Javascrispt e TypeScript .. eu fiz uma pergunta por lá, quando tiver um tempinho e puder, responde lá .. valeu e obrigado pelos conteúdos.

    •  2 года назад +1

      Eu sempre respondo quando sei a resposta, fica tranquilo =)

  • @priscillacarbonell3997
    @priscillacarbonell3997 Год назад

    gratidão. adorei tua voz tambem!!! kkkk

    •  Год назад

      Gratidão

  • @viniciusaraujo718
    @viniciusaraujo718 2 года назад

    Muito bom 👌

  • @binho1189
    @binho1189 Год назад

    Ganhou mais 1 inscrito

  • @kakaze
    @kakaze 2 года назад

    Brabo!

  • @RodrigoAdriano
    @RodrigoAdriano Год назад

    Basicamente então, se eu coloco o Absolute para um filho, ele fica rebelde e não respeita nada.. ele fica "acima" de tudo... porem se eu colocar o Relative no Pai desse elemento ele os filhos passam a respeitar seus limites ... isso?

  • @juelmapereira4277
    @juelmapereira4277 Год назад

    Daoraaa!!!

  • @helder-rangel
    @helder-rangel 6 месяцев назад

    😁

  • @portalispcursos
    @portalispcursos 2 года назад +1

    Que bruxaria é essa Deus do céu ksksksksksks
    complicado em ... e depois eles falam que html e css não é linguagem de programação

    •  2 года назад +2

      Pois é, essa dito é bastante antigo, porém, ainda hoje as pessoas consideram html e css como não sendo linguagem de programação. Acho que precisamos rever esses conceitos, porque tem coisas bem mais complexas do que visto nesse vídeo rsrs.

  • @donavionovela9800
    @donavionovela9800 16 дней назад

    por mais que tente, nao consigo entender essa forma brutaa de centralizar... prefiro flexbox

  • @silvioazevedo3391
    @silvioazevedo3391 Год назад

    100

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

  • @jeffersondeoliveirachaves4987
    @jeffersondeoliveirachaves4987 10 месяцев назад

    Muito bom!