Entendendo sobre position no CSS

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

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

50% 1

No vídeo de hoje estarei explicando sobre position no CSS. Espero muito que vocês gostem e qualquer dúvida só deixar um comentário aqui que irei responder!
0:47 - Definindo conceitos sobre position
3:38 - Position static
4:31 - Position fixed
6:05 - Position sticky
8:00 - Position relative e absolute
Me acompanhe também no instagram: / girl.coding

Наука

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

13 янв 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

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 =)

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

Concordo Plenamente !!

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

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 3 года назад

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!

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

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 3 года назад

muito boa a observação obrigado

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

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.

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

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 2 года назад

@@nicolegamere3bebes470 Que bom que entendeu. Sobre o comentário, provavelmente foi o RU-vid mesmo.

@AntonioMirandaTeologiaReversa Год назад

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

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

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

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

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

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

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!

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

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 :)

@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!

@h.olivei141 3 года назад

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

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

Excelente! Explicou muito bem, agora não tenho mais dúvidas. Show!!

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

Explicação perfeita. Obrigado!

@rodrigomiguel4381 Год назад

Primeiro vídeo que vi seu muito bem explicado. Apaixonei ❤️

@juniormelo6468 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!!

@romario5627 Год назад

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

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

Perfeito, tudo que adoro em vídeo tutorial, simples, rápido e explicativo. Parabéns! Muito obrigado!

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

Maravilhoso!! parabens pelo trabalho, muito bem explicado.

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

Sensacional! Ótima didática. Muito obrigado!

@camilocosta8902 Год назад

Muito legal ! Explicou muito bem, parabéns.

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

Explicação diferenciada. Obrigada!

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

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

@thiagomonteiromarques285 Год назад

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

@joseafonso8126 Год назад

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

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

ótima explicação e exemplos! muito obrigada

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

Essa aula foi incrível, me ajudou demais! Parabéns!

@ivancasagrande9715 Год назад

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

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

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

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

Top! Adorei sua didática! Estou iniciando em dev e com toda certeza seu canal é o um dos meus favoritos! 😘👏🏻

@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!!

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

Parabéns!!! Melhor explicação que já vi sobre o assunto.

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

TOP! Assisti e gostei da explicação.

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

Top objetivo, bem exemplificado e claro.

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

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

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

Totalmente didática! Excelente professora!!!

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

Aula excelente. Sua didática é maravilhosa!

@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!

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

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

@vanessamonteiro454 11 месяцев назад

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

@rodrigorocha8741 Год назад

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

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

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

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

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

@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.

@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 !!!!!!!!!!

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

Muito bem explicada!! Obrigado.

@wow.angelyous Год назад

Agora abriu a mente. Agradeço pelo vídeo !

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

Parabéns, muito bem explicado.

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

Excelente vídeo. Muito grato!

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

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

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

Didática excelente, parabéns!

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

Excelente!!!!!! Ajudou muito no entendimento.

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

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

@MatheusAlves-qh4lz Год назад

Que vídeo maravilhoso, parabéns!

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

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

@brunocarletti4549 Год назад

Melhor vídeo sobre position 🙏 Muito obrigado!

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

Que aula maravilhosa, espero que tenha mais!

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

Aula espetacular! eu sempre tive dificuldades com essas propriedades e você explicou de maneira bem clara e objetiva! parabéns! excelente conteúdo.

@cassiapalmeira8365 Год назад

vídeo muito útil e didático, obrigada!

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

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

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

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

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

ótima didática, ansiosa por mais vídeos!

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

Parabéns, conteúdo bem explicado e de ffácil entendimento !!

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

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

@CarlosDaniel-on8yl 2 года назад

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

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

Muito bom, explicação ótima, obrigado!

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

Melhor explicação. A sua didática é incrível!

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

perfeita explicação, parabens e muito obrigado.

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

Aula incrível, muito obrigado pela ajuda! Esclareceu muita coisa.

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

Excelente vídeo, ótima explicação!!!

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

Você é sensacional! Trás mais vídeos como esses. Você explica muitooooooo bem!

@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💜

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

muito obrigada!! 💖🥰

@diegopescocim Год назад

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

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

Obrigado por essas explicações, eu precisava muito! E quero mais aulaassss!!!

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

Até que enfim achei o que eu queria. Perfeito!!! 👏👏👏

@joaovictorpereirarocha33 Год назад

Excelente explicação, obrigado!

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

Excelente explicação. Parabens!

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

Sensacional!!!!!!! exelente explicação... the best!!!!!!!!

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

Melhor explicação que eu tive sobre position!!!!!!!

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

Esse vídeo foi muito bom! Sua explicação foi ótima nele !

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

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!

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

ficou ótimo, a explicação e aprendi o sticky que não conhecia.

@HenriqueAndras Год назад

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

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

Me ajudou muito, muito bem explicado! Obrigado!!

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

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

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

Nooooossaaaa, nunca foi tão simples!!! Muito bom, muito bem explicado!! Aula excelente de boa 🐱‍

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

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

@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

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

Menina, obrigado! Me ajudou demais!!! Like no vídeo com certeza.

@DaviSantos-cw5xr Год назад

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

@DiegoTeixeira-vg 2 года назад

Parabéns, excelente explicação!!

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

Sensacional, muito obrigado pela linda explicação!

@euph0ria_aesthetics328 Год назад

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!

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

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!

@silmarab6980 Год назад

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

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

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

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

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

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

Muito boa explicação !!!! Deus abençoe !!!

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

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.