Entendendo sobre position no CSS
ฝัง
- เผยแพร่เมื่อ 3 พ.ย. 2024
- 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
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 =)
Concordo Plenamente !!
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.
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!
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.
muito boa a observação obrigado
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.
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.
@@nicolegamer-z4j Que bom que entendeu. Sobre o comentário, provavelmente foi o TH-cam mesmo.
Cara, você explica muito bem. Parabéns!
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!
Que amor, mdsssss. Tu é inspiração demais, Vey! Parabéns, de verdade. Sucesso demais pra tu!
Incrível o jeito como explicas e gera interesse.
Mais vídeos, por favor!
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 :)
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
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.
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!
Explicação de facil entendimento, sem soberda e com muita simpatia... eu adorei.. já quero mais conteudo kkkk...
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!
A sua maneira de ensinar é muito boa, direto e sem enrolação! Gostei muito do vídeo.
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!
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!!
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!!
Você explica muito bem, eu não fazia ideia de como funciona os positions, muito obrigado.
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!
Vídeo esclarecedor demais! Adorei a forma como foram aplicados os exemplos.
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!
Parabéns pelo vídeo, em 10 minutos vc explicou tudo que precisa para saber sobre o position.
magico como tu ensina, como tua voz cativa, e tua energia de compartilhar conhecimento tbm, mto grata estou sz
Muito obrigada 💜
Baita explicação, estou aprendendo agora e esse seu video ficou perfeito, deu para entender perfeitamente cada um deles. Parabéns pelo conteúdo.
Meu Deusssssss q explicação, o position também era um terror pra mim, e agora entendi tudinho. Maravilhosaaaa
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.
Que video sensational..Parabéns...
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
Top demais! No aguardo pros próximos vídeos !!
A melhor explicação que já encontrei. Muito obrigado.
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.
Oii!! Ahh fico feliz demais demais lendo isso 🙏🏼❤️ Muito obrigada!
@@giovanna.moeller Disponha minha professora, você merece isso e muito mais!
Ajudou muuuuito! Esse seu resumo, bem no finalzinho do vídeo, ajudou ainda mais. Muito obrigado!!!
Excelente didática, parabéns! Obrigado por compartilhar o conhecimento.
Parabéns!!! Sua explicação é realmente muito fácil de entender. Gostei e me ajudou demais!😊🥰
ficou ótimo, eu sabia da existência desse sticky, mas nunca fui atrás para saber como funciona. Parabéns!
Top! Adorei sua didática! Estou iniciando em dev e com toda certeza seu canal é o um dos meus favoritos! 😘👏🏻
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!!
Tinha parado os estudos e retornei a 4 meses com gás total! E vc está de parabéns pela simplicidade da explicação!
Vc faz parte do grupo do B7Web? Acho que já a vi por lá!
Um abraço!
Acompanhando todos os seus vídeos! Estão surpreendentes. Além dos seus posts no Instagram, que também ajudam muito. Parabéns Gi💜
muito obrigada!! 💖🥰
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
Muito bom seus vídeos, pq vc fala com simpatia. Cria um grupo no telegram pra todo mundo interagir 😁👍
@@giovanna.moeller não existe mais?
Ou discord...
@@anthalinho2097 mee...
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.
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!
Esse tutorial me salvou, estou aprendendo agora e minha maior dificuldade era isso. Você explicou perfeitinho +1 inscrito aqui ❤
Que vídeo incrível! Muito obrigado, consegui compreender perfeitamente. Voltarei aqui futuramente para agradecer novamente, quando eu conseguir meu primeiro emprego!
Muito obrigado por fazer esse video, voce me ajudou muito.
O Mateus Henrique da Alurame recomendou esse video incrivel!!!!!
Finalmente sei a diferença dos positions, muito bom o vídeo, obrigada!
É uma das melhores explicações que já tive. Muito obrigado
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!
Totalmente didática! Excelente professora!!!
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.
Simplificou muito mesmo. Obrigado pela aula. Foi muito esclarecedora.
Finalmente alguém conseguiu me explicar definitivamente esse assunto, gratidão demais!! 👏🏻👏🏻
Cara, em 12min vc conseguiu resolver um problema q eu estou tendo já faz 3 dias. Muito bem explicado, muito obrigado!
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.
finalmente um tutorial que não demore muito e bem explicativo para inciantes que estão començando agr assim com eu kkkk
Vídeo perfeito!
Corri do tiktok para cá!! To feliz demais de ter achado seu canal ninguém ensina assim😍😍😍
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 !!!!!!!!!!
Super show esse video. Muito bom mesmo. Estou começando nessa jornada e entendi perfeitamente. Muito obrigado!
Vídeo muito bacana, objetivo e de fácil compreensão! Parabéns, muito bom termos mulheres criando conteúdos!
Poxa super entendi, fiquei com maior dúvida e tu me salvou. Tu é demais.
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
Primeiro vídeo que vi seu muito bem explicado. Apaixonei ❤️
Melhor explicação que eu vi até agora.
Caraca! Depois de muito tempo consegui entender como que funciona o position muito obrigado mesmo
Nunca vi ninguém explicar tão bem assim! Estou apaixonada!!
Aiii meu Deus fico feliz demais lendo isso!
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! ^_^
Video muito bom, não havia entendido esse POSITION, mas agora sim entendi. obrigado!
The comnt section is very positive and downright encouraging! Love it!
Muito bom, ótimo pra fazer um efeito parallax em página web.
Perfeito, tudo que adoro em vídeo tutorial, simples, rápido e explicativo. Parabéns! Muito obrigado!
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.
Sensacional, uma das partes mais complicadas do CSS é o posicionamento e consegui entender melhor com seu vídeo
Muito bom! Explicou de uma forma clara que entendi facilmente. Nem no meu curso ensinaram tão bem assim
gado d mais
@@kaualukasewicz3572 saí daí seu mordedor de fronha, tá com dorzinha de cotovelo aí vem chorar aqui! Ela ensina muito bem e digo com propriedade. Se se incomodou, é pq seu problema é o que citei anteriormente. Vc gosta de dar ré no kibe
Uau, vi tantos videos e não entendia nada e aqui foi simples de entender ! Mdss
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.
Muito bom o jeito que você ensina, gostei muito. Parabéns!
Muito legal ! Explicou muito bem, parabéns.
Que didática incrível! Parabéns!
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.
nossa até quem fim entendi o relative e o absolute ... obrigadaaa
Estava com duvida mas consegui entender agora, parabéns sua explicação e nota 10!!!
Caraca, eu tava quebrando a cabeça pra entender isso e colocar no meu html, agora tudo fez sentido! thanks
Gente!!! Que didática maravilhosa!!! Choqueii!!! Arrasou!!
aaaaa obrigada! ❤️❤️
muito top esse vídeo, finalmente consegui entender como posicionar essas div 🤯
agora posso dormir tranquilo, uffa 😌
Agora eu entendi!!!!!!!! Muito obrigado por compartilhar o conhecimento.
Sensacional! Ótima didática. Muito obrigado!
Parabéns ! Excelente didática e de facil entendimento. Desejo muito sucesso para você.
vou fazer uma pequena observação que fará um grande diferencial em suas apresentações.
Quando puder informe qual a utilidade dos elementos, pois sou inicante como muitos que assitem aos seus vídeos, e como estou aprendendo na luta ( auto-didata ) e os livros não ensinam com essa clareza isso ajudaria muitos que não possuem condições de pagar um curso. SUCESSO !.
Mais didático impossível kkkk, agora consegui entender o bendito position e já estou amando ele kkkkk
Maravilhoso!! parabens pelo trabalho, muito bem explicado.
Muito bom mesmo, parabéns pelo vídeo e explicação.
Cheguei aqui sem querer, muito bom, gratidão pela explicação
Aula espetacular! eu sempre tive dificuldades com essas propriedades e você explicou de maneira bem clara e objetiva! parabéns! excelente conteúdo.
Explica fácil d+, parabéns
fico feliz que tenha entendido!
Muito boa essa aula!! Parabéns pelo conteúdo. Também existe o position: inherit que tem o comportamento parecido com o relative e absolute que considera como absoluto um elemento pai que contenha a propriedade position: relative.😅
Muito bom, me ajudou muito, fez parecer muito simples todas as utilidades do position, ganhou mais um escrito.
Melhor explicação que eu tive sobre position!!!!!!!
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!