Entenda position relative e absolute no CSS - Quando e como posicionar elementos na página
Вставка
- Опубліковано 8 вер 2024
- Você sabe usar position relative, absolute e z-index para posicionar elementos na tela com CSS? Sabe centralizar um elemento usando top, right, bottom, left com margin e transform (translate)? Se responder não para qualquer uma dessas perguntas, recomendo fortemente que assista a este vídeo.
Vou tentar tirar todas as suas dúvidas em um único vídeo.
Cursos de Python e JavaScript / TypeScript com desconto:
www.otaviomira...
Twitter: / otaviomirandabr
#css #position #absolute
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á :)
Fico muito feliz em saber disso. Você alegrou ainda mais o meu dia. Muito obrigado por isso e por ter focado nos estudos =)
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!
melhor explicação sobre position que encontrei no YT, agora sim entendi essa bagaça. kkkk
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.
Show de bola sua explicação, agora entendi perfeitamente. Parabéns pela dinâmica da explanação! Muito obrigado pelo conteúdo.
Show mano, muito obrigado. Tava apanhando pra entender isso, vc explica bem.
Que bom que ajudou
Mano, a melhor aula explicando esse conteúdo! Vc é fera 🙏🙏
Passando aqui para relebrar, tinha esqucido pois não estava usando e a gente acaba esquecendo
excelente contueudo !!!
voltei para comentar, pq merece. A forma como explica, torna muito fácil a compreensão. Excelente didática. Parabéns!!
Obrigado pelo elogio, volte sempre (de verdade).
Me ajudou bastante, estava com dificuldades para entender isso.
aula maravilhosa, estou aprofundando meu CSS e vc esta me ajudando demais, muito obrigado prof!!
Sucesso!
Boa aula e explicação, obrigado Otavio
melhor explicação sobre positions relative e absolute. GRATIDÃO!
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!.
❤️❤️
Incrível professor! Muitooo obrigada
melhor aula que ja vi
Cara eu aprendi mais com você do que nos cursos pagos, parabéns pelo excelente trabalho.
Fico feliz em saber
Aula foda! Mto fluída..parabéns!
Simples e prática explicação. Excepcional!
muito bom! A explicação tecnica é boa pra entrevistas! valeu!!
Excelente conteúdo! Parabéns Otávio!
Obrigado ☺️🙏
Parabéns, ótimo video, muito bem explicado.
me ajudou de mais aqui na monagem de um card onde tive que sobrepor alguns elementos
explicação mega didática 🦾🦾🦾
aula muito boa, conteúdo muito claro.
Muito obrigado pelo seu vídeo, ajudou muito!
Você é fenomenal nas suas explicações. Obrigado
cara top demais, vim com uma duvida e aprendi mais coisas, obrigado pelo conteudo👏👏👏
Professor, o senhor é fera. 👍
Obrigado pelo seu conteúdo gostei muito❤
Show!!! Trucidou minhas dúvidas.
Que ótimo!
Muito bom e Claro esse Vídeo
Cara... Show!!! Parabéns pela didática e pela iniciativa.
Muito obrigado por essa aula. Estava precisando :/ a sua explicação foi a melhor que eu encontrei ate hoje. Finalmente consegui entender 🙏🏻
Professor, a expressão é "O céu é o limite" e não "O céu é o infinito" 😂😂. Ótimas aulas, como sempre!
Cara, sensacional o teu conteúdo. Adore tua didática, obrigado!
Excelente conteúdo
Muito bom o vídeo e a didática. Obrigado por compartilhar! 👍
Agora sim eu consegui entender esses conceitos de absolute e relative
Caraca q qualidade incrivel mano
aula excelente
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
Que vídeo bom! Parabéns pelo trabalho.
Parabens pelo trabalho foi muito bem explicado
Conteúdo muito bom e com uma didática q gosto muito
Muito obrigado
Show! muito bom
Muito bom!
Ótimo conteúdo, obrigado por compartilhar.
Parabéns, ótimo conteúdo.
Que aula🎉
Cara, excelente explicação. Bem top esse vídeo.
Valeu 😀
Show de bola essa aula ai viu!!!
Obrigado 🙏
Ganhou mais 1 inscrito
Muito bem explicado!
Maravilhoso
Brabo!
gratidão. adorei tua voz tambem!!! kkkk
Gratidão
Daoraaa!!!
Excelente, parabéns 👏
Obrigado 🙌
Professor é top !!!
Obrigado pelo elogio, bons estudos =)
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
ótimo video, parabéns
Muito obrigado 😁
Muito bom 👌
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!!
Isso depende de cada pessoa... No meu caso, prefiro focar em uma coisa só.
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.
Eu sempre respondo quando sei a resposta, fica tranquilo =)
😁
Como o seu CSS no Codepen aparece a palavra assim q se escrevem tipo no vscode?
100
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?
Gostei da analise. É bem isso.🤔
Que bruxaria é essa Deus do céu ksksksksksks
complicado em ... e depois eles falam que html e css não é linguagem de programação
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.
excelente 👏