Entendendo sobre position no CSS

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

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

  • @elissouza661
    @elissouza661 3 года назад +87

    Nossa você foi a primeira pessoa que explicou bem conceito do position relative e absolute, pelo menos de uma forma fácil de compreender para mim kkk, muito obrigada! Haha e continua com os vídeos, eu voltei a estudar a parte do front end recentemente e seus vídeos estão me ajudando muito! E concordo com a galera, acho bacana ter um grupo para o pessoal falar sobre códigos =)

  • @igorsilva4095
    @igorsilva4095 2 года назад +26

    8:49
    Um adendo: Para que o elemento com position absolute não se relacione diretamente com a viewport, o seu parent precisa ter o position diferente de static, e não necessariamente o position relative.

  • @bocavalheiro
    @bocavalheiro 3 года назад +48

    Sempre tive um 'pé atrás' com os tipos de positions do CSS, mas agora tu me salvou, real oficial!! Parabéns pelo conteúdo e didática!! :D
    Uma sugestão de vídeo é falar sobre os tipos de unidades em css (px, vh, vw, rem, em, etc). Seria massa tb!

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

    Cara, você explica muito bem. Parabéns!

  • @Rafael_de_Oliveira_Dias
    @Rafael_de_Oliveira_Dias 2 месяца назад

    Finalmente entendi! Pesquisei em várias videoaulas e você foi a primeira a única que me fez entender. Obrigado! Ganhou +1 like e +1 inscrito!

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

    Parabéns! Com a sua explicação eu finalmente aprendi! Vi vários vídeos que trataram do assunto, mas não conseguiram transmitir o conteúdo com clareza! Obrigado!

  • @meluiz
    @meluiz 3 года назад +57

    Uma observação do sticky é que, além dele fixar na tela durante scroll, ele irá "desgrudar" da tela assim que ele atingir um próximo elemento. Retorna a ser fixado pós rolagem novamente reversa.

    • @igueiradev3711
      @igueiradev3711 3 года назад

      muito boa a observação obrigado

    • @nicolegamer-z4j
      @nicolegamer-z4j 3 года назад +5

      Bom, estou iniciando agora com CSS e pelos testes que fiz aqui ele continua rolando mesmo quando passa por outro elemento (passa por cima dele e continua), ele somente para quando chega no limite que dei pra ele. Exemplo, se eu coloco o elemento div la no meio da página abaixo de outros elementos e coloco um TOP nele de 100px, ele so vai parar de rolar pra cima quando chegar a 100px do top.

    • @nicolegamer-z4j
      @nicolegamer-z4j 3 года назад +3

      A sim, agora entendi amigo obrigado. O teste que eu estava fazendo era apenas para uma div e utilizando a classe dela no CSS, ai nesse caso como so tinha ela na classe é como eu disse. EX definido top: 100px; bottom 200px; Ele só vai parar de rolar enquanto rola para baixo na página quando chegar a 200px do bottom, e ao rolar a página para cima ele somente vai parar de rolar ao chegar a 100px do top. Mas vejo que definindo ele para um seletor com varios elementos do mesmo tipo ele realmente irá parar qnd atingir o proximo elemento do mesmo tipo, oq deve ser a forma mais utilizada do sticky. Mais uma vez obrigado, com esse exemplo que vc deixou ai, ficou claro pra mim o funcionamento dele. PS: não sei pq apagou o comentário que vc me respondeu mas eu consegui ler e me ajudou, talvez tenha sido o proprio youtube mesmo que tenha apagado por vc ter colocado link externo.

    • @meluiz
      @meluiz 3 года назад

      @@nicolegamer-z4j Que bom que entendeu. Sobre o comentário, provavelmente foi o RUclips mesmo.

  • @robertavitoria1165
    @robertavitoria1165 3 года назад +14

    Que amor, mdsssss. Tu é inspiração demais, Vey! Parabéns, de verdade. Sucesso demais pra tu!

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

    Assistir um milhão de videos no youtube pra aprender isso e nunca conseguia, no video dela aprendi tão rapido que pareceu uma coisa tão facil e boba. Ela explica bem demais!

  • @GuilhermeSouza-mc2tn
    @GuilhermeSouza-mc2tn 2 года назад

    Tem pessoas que tem o Dom, né? meus parabéns!! Não entendia isso, e hoje com sua aula entendi! Muito obrigado, e muito sucesso pra você! Deus abençoe!

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

    A melhor explicação de todas!! Ja tiz vários cursos de css pra tentar entender o conceito das posições, mas nunca entendia direito. Muito obrigado pelo conteúdo e pela ótima explicação!!

  • @pedrocfreitas
    @pedrocfreitas 3 года назад

    Explicação de facil entendimento, sem soberda e com muita simpatia... eu adorei.. já quero mais conteudo kkkk...

  • @nelsonulombo2126
    @nelsonulombo2126 3 года назад +1

    Olá. o meu nome é Nelson Ulombo, sou de Angola. Não te conheço mais confesso que já te amo. Muito obrigado pela simplicidade na transmissão de conhecimento, amei demais porque proporcionou o conhecimento que eu muito precisava.

    • @giovanna.moeller
      @giovanna.moeller  3 года назад

      Oii!! Ahh fico feliz demais demais lendo isso 🙏🏼❤️ Muito obrigada!

    • @nelsonulombo2126
      @nelsonulombo2126 3 года назад

      @@giovanna.moeller Disponha minha professora, você merece isso e muito mais!

  • @erickoliveira2765
    @erickoliveira2765 3 года назад

    Anotei tudinho... tinha saído da aula cheio de dúvida, assisti o vídeo e fiz os testes. Cê me ajudou muito! Deixei o like. Bom trabalho!

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

    Baita explicação, estou aprendendo agora e esse seu video ficou perfeito, deu para entender perfeitamente cada um deles. Parabéns pelo conteúdo.

  • @igortrentini6998
    @igortrentini6998 3 года назад +18

    Incrível o jeito como explicas e gera interesse.
    Mais vídeos, por favor!

  • @LeandroSilva-mw5yl
    @LeandroSilva-mw5yl 2 года назад

    nunca vi em toda minha vida de aprendizado alguém ensinando de uma forma tão fácil essas coisas. está de parabéns muito obrigado entendi certinho

  • @arthurmadureira2240
    @arthurmadureira2240 3 года назад +1

    Muito obrigado por fazer esse video, voce me ajudou muito.
    O Mateus Henrique da Alurame recomendou esse video incrivel!!!!!

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

    Esse tutorial me salvou, estou aprendendo agora e minha maior dificuldade era isso. Você explicou perfeitinho +1 inscrito aqui ❤

  • @assenchupray6361
    @assenchupray6361 3 года назад +4

    Te vi no tiktok, fazendo aquele site de login belíssimo, vi seu primeiro vídeo, fui acompanhando o tutorial (ja tenho uma noção boa de html e css) e APRENDI MUITO (transition, tranform, gradient, vw, vh, responsividade). Continue produzindo esses conteúdos ricos e fáceis de aprender. Obrigado :)

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

    Meu Deusssssss q explicação, o position também era um terror pra mim, e agora entendi tudinho. Maravilhosaaaa

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

    Cara, em 12min vc conseguiu resolver um problema q eu estou tendo já faz 3 dias. Muito bem explicado, muito obrigado!

  • @canaldevclub
    @canaldevclub 3 года назад

    Que video sensational..Parabéns...

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

    Meus parabéns pela forma simples e didática como você explicou. Eu tentei entender de inúmeras formas e não conseguia, mas com seu video, consegui finalmente enxergar a diferença entre absolute e relative de forma mais fácil e assim consegui dar prosseguimento no meu projeto aqui. Muito obrigado.

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

    Muito obrigado pela explicação, difícil encontrar alguém que explica tão bem e de maneira tão cativante. Estou preso nos seus vídeos, parabéns!!

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

    A sua maneira de ensinar é muito boa, direto e sem enrolação! Gostei muito do vídeo.

  • @matheusseni3283
    @matheusseni3283 3 года назад

    Parabéns pelo vídeo, em 10 minutos vc explicou tudo que precisa para saber sobre o position.

  • @p.rodrigues13
    @p.rodrigues13 10 месяцев назад

    Que vídeo incrível! Muito obrigado, consegui compreender perfeitamente. Voltarei aqui futuramente para agradecer novamente, quando eu conseguir meu primeiro emprego!

  • @mauricioporfirio8072
    @mauricioporfirio8072 3 года назад +1

    ficou ótimo, eu sabia da existência desse sticky, mas nunca fui atrás para saber como funciona. Parabéns!

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

    A melhor explicação que já encontrei. Muito obrigado.

  • @fabiohenrique8430
    @fabiohenrique8430 3 года назад

    Meu Deus, muito obrigado mesmo por esse vídeo, eu vi vários vídeos sobre isso e todos me deixava mais confuso ainda. Já me inscrevi e deixei o like, muito obrigado mesmo!

  • @jovemgabe
    @jovemgabe 3 года назад

    Você explica muito bem, eu não fazia ideia de como funciona os positions, muito obrigado.

  • @leftoverture1976
    @leftoverture1976 3 года назад

    Estava confuso nesta parte, mas sua explicação ajudou bastante e também gostei dessa extensão que vc comentou no vídeo e estou usando também. Muito obrigado e sucesso ao seu canal.

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

    Parabéns!!! Sua explicação é realmente muito fácil de entender. Gostei e me ajudou demais!😊🥰

  • @talde.gabriel
    @talde.gabriel 2 года назад

    ajudou demais, nossa estava sofrendo com absolute, agora que entedi que o elemento princpal que guarda todos os outros elementos tem que ser relativo e e os que estão dentro tem que ser absoluto, SHOWW brigadaço

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

    Mano, que vídeo magnífico!!!! Simplesmente perfeitoooo... Estava lutando pra tentar entender esse assunto, assisti vários vídeos e nenhum prendia minha atenção ou conseguia ser claro nas palavras. Muitoooo obrigadooo!

  • @flaviop14
    @flaviop14 3 года назад

    Olha, gostei muito do jeito que explica, confesso que sofri muito para entender isso, se tivessem me explicado desse jeito logo de cara não teria tanto problemas, e olha que não sou programador sou apenas um diagramador aprendiz de epub. Parabéns.

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

    É uma das melhores explicações que já tive. Muito obrigado

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

    Video muito bom, não havia entendido esse POSITION, mas agora sim entendi. obrigado!

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

    Poxa super entendi, fiquei com maior dúvida e tu me salvou. Tu é demais.

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

    Sobre os tipos de posição eu não conhecia a posição Sticky agora sei e para que serve, e explicaste muito bem sobre a difenrencia do tipo relative com absolute coisa que me dava muita dor de cabeça.
    Obrigado

  • @medeirosbrendon
    @medeirosbrendon 3 года назад

    Ajudou muuuuito! Esse seu resumo, bem no finalzinho do vídeo, ajudou ainda mais. Muito obrigado!!!

  • @h.olivei141
    @h.olivei141 3 года назад +1

    Top demais! No aguardo pros próximos vídeos !!

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

    Excelente didática, parabéns! Obrigado por compartilhar o conhecimento.

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

    Super show esse video. Muito bom mesmo. Estou começando nessa jornada e entendi perfeitamente. Muito obrigado!

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

    The comnt section is very positive and downright encouraging! Love it!

  • @rdyrodney
    @rdyrodney 3 года назад +36

    Muito bom seus vídeos, pq vc fala com simpatia. Cria um grupo no telegram pra todo mundo interagir 😁👍

  • @fcorrea2026
    @fcorrea2026 3 года назад

    Nossa, já tentei tanto aprender as posições do CSS e nunca tinha entendido, vídeo muito bom, por favor continue gerando conteúdo pois são muito bons e importantes. Parabéns.

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

    mais um escrito sem duvida , muito obrigado mocinha pelo video , me ajudou muito estou aprendendo css !!!!!!!!!!!!!!!!!!!!!!!!!!!! super canal , melhor explicão que essa não tem !!!!!!!!!!

  • @letres3827
    @letres3827 3 года назад

    Corri do tiktok para cá!! To feliz demais de ter achado seu canal ninguém ensina assim😍😍😍

  • @enissonlemos5080
    @enissonlemos5080 3 года назад

    Ajudou bastante! Confesso que eu estava bem perdido neste tema e você conseguiu explicar de uma maneira clara e objetiva. Já ganhou mais um inscrito!

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

    Finalmente sei a diferença dos positions, muito bom o vídeo, obrigada!

  • @DaviSantos-cw5xr
    @DaviSantos-cw5xr 2 года назад

    Finalmente alguém conseguiu me explicar definitivamente esse assunto, gratidão demais!! 👏🏻👏🏻

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

    Sensacional, uma das partes mais complicadas do CSS é o posicionamento e consegui entender melhor com seu vídeo

  • @VitoriaOliveira-cd3ep
    @VitoriaOliveira-cd3ep 2 года назад

    magico como tu ensina, como tua voz cativa, e tua energia de compartilhar conhecimento tbm, mto grata estou sz

  • @zedocadoco
    @zedocadoco 3 года назад +1

    Vídeo perfeito!

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

    Cheguei aqui sem querer, muito bom, gratidão pela explicação

  • @K1ngstream1
    @K1ngstream1 3 года назад

    Nossaaaaaaaaaaaaaaaaaaaaa consegui compreender rapidinho o que não estava compreendendo a tempos sobre position, relative eabsolute, obrigado pelo conhecimento passado, mais um like e Inscrito, sucesso.

  •  2 года назад

    vc explica muito bem.. seria facilmente uma excelente professora, se já não é.. parabéns.. salve desde Cabo Verde, na África.

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

    Totalmente didática! Excelente professora!!!

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

    comprei um curso de um cara baita desenvolvedor, não estava bem claro o que ele explicava o mesmo usou ( 3 aulas ) para explicar isso que você explicou em 10 minutos rsrs. sua didática é ótima parabéns moça. cair de paraquedas nessa aula, meus parabéns criou um inscrito.

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

    Vídeo esclarecedor demais! Adorei a forma como foram aplicados os exemplos.

  • @willgtr
    @willgtr 3 года назад

    Caraca! Depois de muito tempo consegui entender como que funciona o position muito obrigado mesmo

  • @marcosoliveira8202
    @marcosoliveira8202 3 года назад

    Muito obrigado, esse tutorial me salvou, eu passei o dia na agonia tentando posicionar duas imagens diferentes dos lados da tela, mas sempre voltavam pro início, ou ficavam em pilha, ou coisa do tipo, até que vi a explicação...excelente explicação, muito fácil de compreender.

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

    Uau! Excelente explicação! Eu já entendia ccomo funcionava, mas meu caminho foi bem árduo para aprender! Quem me dera se tivesse um vídeo com a sua explicação sobre isso na época, teria tornado minha compreensão bem mais fácil!!

  • @lfmarx1
    @lfmarx1 3 года назад

    Agora eu entendi!!!!!!!! Muito obrigado por compartilhar o conhecimento.

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

    finalmente um tutorial que não demore muito e bem explicativo para inciantes que estão començando agr assim com eu kkkk

  • @flythvieira
    @flythvieira 3 года назад

    Finalmente entendi position com sua explicação.Obrigado e me inscrevi no canal!

  • @XRproxyRX
    @XRproxyRX 3 года назад

    Didática, dicção, conhecimnto, tudo muito perfeito. Finalmente entebdi essas "malditas" positions rsrs

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

    Parabéns você foi ótima, já tinha visto algumas aulas sobre position mas não tão bem explicadas desse jeito, espero que você traga mais aulas de css para nós

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

    Simplificou muito mesmo. Obrigado pela aula. Foi muito esclarecedora.

  • @RodrigoSilva-iz4cy
    @RodrigoSilva-iz4cy 3 года назад

    Muito bom o jeito que você ensina, gostei muito. Parabéns!

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

    Muito bom, me ajudou muito, fez parecer muito simples todas as utilidades do position, ganhou mais um escrito.

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

    muito top esse vídeo, finalmente consegui entender como posicionar essas div 🤯
    agora posso dormir tranquilo, uffa 😌

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

    Caraca, eu tava quebrando a cabeça pra entender isso e colocar no meu html, agora tudo fez sentido! thanks

  • @Temdetudo.01
    @Temdetudo.01 Год назад

    Maravilhoso!! parabens pelo trabalho, muito bem explicado.

  • @lailaserafim2495
    @lailaserafim2495 3 года назад

    Acompanhando todos os seus vídeos! Estão surpreendentes. Além dos seus posts no Instagram, que também ajudam muito. Parabéns Gi💜

  • @oneblackchannel9041
    @oneblackchannel9041 3 года назад

    Que incrível, estou iniciando agora em CSS ai resolvi ver sobre Position e seu video abriu minha mente kkkk o medo se tornou pequeno perto da sua explicação. Muito Obrigado.

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

    Melhor explicação que eu vi até agora.

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

    Muito legal ! Explicou muito bem, parabéns.

  • @sophiafiama8493
    @sophiafiama8493 3 года назад

    Vídeo muito bacana, objetivo e de fácil compreensão! Parabéns, muito bom termos mulheres criando conteúdos!

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

    Que didática incrível! Parabéns!

  • @tiagocabral5401
    @tiagocabral5401 3 года назад

    Já assisti tantos vídeos de 20min sobre esse assunto e costumo esquecer depois de um tempo, mas no seu vídeo, acredito que isso nunca mais vai acontecer. Muito obrigado e parabéns pelo conteúdo. Inscrito novo! ^_^

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

    Eu trabalho com web faz uns 20 anos. Eu vi nascer o css basicamente... E tua explicação foi a primeira vez que essas questões de position do css ficaram simples de entender! Parabéns! Vou salvar teu vídeo pra passar pra todo mundo que tiver essa dúvida daqui pra frente!

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

    Sensacional! Ótima didática. Muito obrigado!

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

    Muito bom, ótimo pra fazer um efeito parallax em página web.

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

    Cliquei no vídeo sem querer. Pensei em não assistir "porque já conheço o position", acabou que eu descobri que NÃO SABIA DA METADE das propriedades, nem sabia oq era sticky kkkk.
    Muito obrigado, vídeo ótimo! Agora sim eu conheço as propriedades de cada position.

  • @mtidicas1660
    @mtidicas1660 3 года назад

    Mais didático impossível kkkk, agora consegui entender o bendito position e já estou amando ele kkkkk

  •  3 года назад

    Professora Girl Coding, muito obrigado por esse video me ajudou muito , obg mesmo de coração !!!

  • @Zuluh24
    @Zuluh24 3 года назад

    Você é maravilhosa, obrigado por existir, sua aula barrou a aula de diversos professores de faculdade, cursos e do youtube.

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

    Nossa, agora tanta coisa fez sentido pra mim.... Gratidão por repassar seu conhecimento. Sucesso!!! 🌸🍃

  • @eduardojunior8554
    @eduardojunior8554 3 года назад

    Estava com duvida mas consegui entender agora, parabéns sua explicação e nota 10!!!

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

    TOP! Assisti e gostei da explicação.

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

    Muito bom mesmo, parabéns pelo vídeo e explicação.

  • @Andre6420
    @Andre6420 3 года назад

    Top objetivo, bem exemplificado e claro.

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

    adorei o vídeo, finalmente entendi essas diferenças, muito bom!

  • @_gama_nathan
    @_gama_nathan 3 года назад

    Uau, vi tantos videos e não entendia nada e aqui foi simples de entender ! Mdss

  • @letres3827
    @letres3827 3 года назад

    Nunca vi ninguém explicar tão bem assim! Estou apaixonada!!

  • @isauramanico267
    @isauramanico267 3 года назад

    Amei o video, muito obrigada @Girl consegui entender muito bem a position no css.

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

    Parabéns. Ótimo vídeo! Entendi perfeitamente!!!