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

  Рет қаралды 18,067

Otávio Miranda

Otávio Miranda

2 жыл бұрын

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.otaviomiranda.com.br/2017...
Twitter: / otaviomirandabr
#css #position #absolute

Пікірлер: 91
@silasbispo01
@silasbispo01 2 жыл бұрын
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 жыл бұрын
Fico muito feliz em saber disso. Você alegrou ainda mais o meu dia. Muito obrigado por isso e por ter focado nos estudos =)
@UnknownCode007
@UnknownCode007 Ай бұрын
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!
@marciodavid81
@marciodavid81 26 күн бұрын
melhor explicação sobre position que encontrei no YT, agora sim entendi essa bagaça. kkkk
@josimarmiranda9722
@josimarmiranda9722 Жыл бұрын
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.
@RONALDO362009
@RONALDO362009 5 күн бұрын
Show de bola sua explicação, agora entendi perfeitamente. Parabéns pela dinâmica da explanação! Muito obrigado pelo conteúdo.
@caiquemoraes5151
@caiquemoraes5151 8 ай бұрын
Mano, a melhor aula explicando esse conteúdo! Vc é fera 🙏🙏
@flavianofreire479
@flavianofreire479 Жыл бұрын
Show mano, muito obrigado. Tava apanhando pra entender isso, vc explica bem.
Жыл бұрын
Que bom que ajudou
@pedropauloteodoro2602
@pedropauloteodoro2602 2 ай бұрын
Passando aqui para relebrar, tinha esqucido pois não estava usando e a gente acaba esquecendo excelente contueudo !!!
@luizdepaulamartins2013
@luizdepaulamartins2013 2 жыл бұрын
voltei para comentar, pq merece. A forma como explica, torna muito fácil a compreensão. Excelente didática. Parabéns!!
2 жыл бұрын
Obrigado pelo elogio, volte sempre (de verdade).
@pyruk4_
@pyruk4_ Жыл бұрын
Me ajudou bastante, estava com dificuldades para entender isso.
@FuturisticGrow
@FuturisticGrow Жыл бұрын
Boa aula e explicação, obrigado Otavio
@danieldealmeida3101
@danieldealmeida3101 Жыл бұрын
melhor explicação sobre positions relative e absolute. GRATIDÃO!
@tiagofernandes4030
@tiagofernandes4030 16 күн бұрын
melhor aula que ja vi
@wendelrodrigues1237
@wendelrodrigues1237 Жыл бұрын
Cara... Show!!! Parabéns pela didática e pela iniciativa.
@antoniopereira1967
@antoniopereira1967 Жыл бұрын
Você é fenomenal nas suas explicações. Obrigado
@rafaspimenta
@rafaspimenta 10 ай бұрын
Simples e prática explicação. Excepcional!
@spptunes5445
@spptunes5445 Жыл бұрын
Incrível professor! Muitooo obrigada
@1biritou
@1biritou 4 ай бұрын
Aula foda! Mto fluída..parabéns!
@edsonferraz1
@edsonferraz1 5 ай бұрын
Parabéns, ótimo video, muito bem explicado.
@vaniabrito3312
@vaniabrito3312 10 ай бұрын
aula muito boa, conteúdo muito claro.
@CanalMarquesOficial
@CanalMarquesOficial Жыл бұрын
Muito bom o vídeo e a didática. Obrigado por compartilhar! 👍
@Melook_Gamer
@Melook_Gamer 3 күн бұрын
Muito obrigado pelo seu vídeo, ajudou muito!
@GuilhermeDavino
@GuilhermeDavino 2 жыл бұрын
Professor, o senhor é fera. 👍
@meugameplay9471
@meugameplay9471 Жыл бұрын
Cara, sensacional o teu conteúdo. Adore tua didática, obrigado!
@davipedro6841
@davipedro6841 9 ай бұрын
Obrigado pelo seu conteúdo gostei muito❤
@ramashiajairo7260
@ramashiajairo7260 Жыл бұрын
Muito bom e Claro esse Vídeo
@tamaramontijo3396
@tamaramontijo3396 11 ай бұрын
Que vídeo bom! Parabéns pelo trabalho.
@paulosampaio4882
@paulosampaio4882 Жыл бұрын
Muito obrigado por essa aula. Estava precisando :/ a sua explicação foi a melhor que eu encontrei ate hoje. Finalmente consegui entender 🙏🏻
@clodoaldo.miranda
@clodoaldo.miranda 4 ай бұрын
explicação mega didática 🦾🦾🦾
@nomadealex
@nomadealex 10 ай бұрын
muito bom! A explicação tecnica é boa pra entrevistas! valeu!!
@linosouza8871
@linosouza8871 Жыл бұрын
Ótimo conteúdo, obrigado por compartilhar.
@Baaaankai
@Baaaankai Жыл бұрын
Muito bem explicado!
@abnercorretordeimoveis34
@abnercorretordeimoveis34 Жыл бұрын
Excelente conteúdo
@lieberteferreira665
@lieberteferreira665 Жыл бұрын
Parabéns, ótimo conteúdo.
@osmarbrito-maqueteeletroni8798
@osmarbrito-maqueteeletroni8798 5 ай бұрын
Show! muito bom
@gabrielfernando6724
@gabrielfernando6724 Жыл бұрын
cara top demais, vim com uma duvida e aprendi mais coisas, obrigado pelo conteudo👏👏👏
@jeffersondeoliveirachaves4987
@jeffersondeoliveirachaves4987 6 ай бұрын
Muito bom!
@kaue3870
@kaue3870 Жыл бұрын
aula maravilhosa, estou aprofundando meu CSS e vc esta me ajudando demais, muito obrigado prof!!
Жыл бұрын
Sucesso!
@BFinformatica
@BFinformatica Жыл бұрын
Parabens pelo trabalho foi muito bem explicado
@tanque2222
@tanque2222 Жыл бұрын
Agora sim eu consegui entender esses conceitos de absolute e relative
@user-do5uf6on7t
@user-do5uf6on7t 8 ай бұрын
aula excelente
@lorenadebs838
@lorenadebs838 Жыл бұрын
excelente 👏
@adl_biel
@adl_biel 10 ай бұрын
Que aula🎉
@juelmapereira4277
@juelmapereira4277 Жыл бұрын
Daoraaa!!!
@viniciusrobertobh8281
@viniciusrobertobh8281 Жыл бұрын
me ajudou de mais aqui na monagem de um card onde tive que sobrepor alguns elementos
@patricgouveia6508
@patricgouveia6508 Жыл бұрын
Maravilhoso
@marcelocguilherme
@marcelocguilherme 2 жыл бұрын
Excelente conteúdo! Parabéns Otávio!
2 жыл бұрын
Obrigado ☺️🙏
@gabrielborges8735
@gabrielborges8735 Жыл бұрын
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!.
Жыл бұрын
❤️❤️
@herlesnp2010
@herlesnp2010 Жыл бұрын
Cara eu aprendi mais com você do que nos cursos pagos, parabéns pelo excelente trabalho.
Жыл бұрын
Fico feliz em saber
@kakaze
@kakaze Жыл бұрын
Brabo!
@viniciusaraujo718
@viniciusaraujo718 Жыл бұрын
Muito bom 👌
@gabrieljauneribera9931
@gabrieljauneribera9931 Жыл бұрын
Caraca q qualidade incrivel mano
@pichinel
@pichinel Жыл бұрын
Professor, a expressão é "O céu é o limite" e não "O céu é o infinito" 😂😂. Ótimas aulas, como sempre!
@manoelpires69
@manoelpires69 Жыл бұрын
Show!!! Trucidou minhas dúvidas.
Жыл бұрын
Que ótimo!
@binho1189
@binho1189 Жыл бұрын
Ganhou mais 1 inscrito
@oBMarques
@oBMarques 2 жыл бұрын
Conteúdo muito bom e com uma didática q gosto muito
2 жыл бұрын
Muito obrigado
@claudenirfer918
@claudenirfer918 2 жыл бұрын
Cara, excelente explicação. Bem top esse vídeo.
2 жыл бұрын
Valeu 😀
@mininusequeci
@mininusequeci Жыл бұрын
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
@tonysjc
@tonysjc 2 жыл бұрын
Excelente, parabéns 👏
2 жыл бұрын
Obrigado 🙌
@setsitesagenciamento5710
@setsitesagenciamento5710 2 жыл бұрын
Show de bola essa aula ai viu!!!
2 жыл бұрын
Obrigado 🙏
@MsDiogocouto
@MsDiogocouto 2 жыл бұрын
Professor é top !!!
2 жыл бұрын
Obrigado pelo elogio, bons estudos =)
@gabrielsantos-mz3dr
@gabrielsantos-mz3dr Жыл бұрын
ótimo video, parabéns
Жыл бұрын
Muito obrigado 😁
@priscillacarbonell3997
@priscillacarbonell3997 Жыл бұрын
gratidão. adorei tua voz tambem!!! kkkk
Жыл бұрын
Gratidão
@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
@damieenlucas
@damieenlucas Жыл бұрын
Como o seu CSS no Codepen aparece a palavra assim q se escrevem tipo no vscode?
@helder-rangel
@helder-rangel 2 ай бұрын
😁
@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 жыл бұрын
Eu sempre respondo quando sei a resposta, fica tranquilo =)
@igorcarmonadj
@igorcarmonadj 10 ай бұрын
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!!
10 ай бұрын
Isso depende de cada pessoa... No meu caso, prefiro focar em uma coisa só.
@silvioazevedo3391
@silvioazevedo3391 Жыл бұрын
100
@devvek1ng
@devvek1ng 4 ай бұрын
@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?
@johnnycardoso1965
@johnnycardoso1965 Жыл бұрын
Gostei da analise. É bem isso.🤔
@portalispcursos
@portalispcursos Жыл бұрын
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.
Input file para upload de imagens com preview (HTML, CSS e JavaScript)
29:44
CSS Flexbox - Tudo o que você precisa saber
50:48
Otávio Miranda
Рет қаралды 20 М.
Вечный ДВИГАТЕЛЬ!⚙️ #shorts
00:27
Гараж 54
Рет қаралды 14 МЛН
Русалка
01:00
История одного вокалиста
Рет қаралды 5 МЛН
Red❤️+Green💚=
00:38
ISSEI / いっせい
Рет қаралды 20 МЛН
Entendendo sobre position no CSS
12:09
Giovanna Moeller
Рет қаралды 72 М.
::before e ::after - Pseudo-Elementos no CSS
11:06
Otávio Miranda
Рет қаралды 9 М.
TRANSITION e ANIMATION no CSS (como e quando usar)
25:11
Bonieky Lacerda
Рет қаралды 3 М.
CSS Grid - Tudo o que você precisa saber
53:59
Otávio Miranda
Рет қаралды 19 М.
Posicionando ELEMENTOS NA TELA com a POSITION do CSS | ONEBITCODE
24:38
Learn CSS Positioning Quickly With A Real World Example
8:32
Slaying The Dragon
Рет қаралды 609 М.
Aprenda tudo sobre positions do CSS em 25 minutos
25:17
Matheus Battisti - Hora de Codar
Рет қаралды 33 М.
CSS Position ou Flexbox? Qual é melhor?
26:32
Serliv
Рет қаралды 2,5 М.
Как правильно выключать звук на телефоне?
0:17
Люди.Идеи, общественная организация
Рет қаралды 922 М.
iPhone 16 с инновационным аккумулятором
0:45
ÉЖИ АКСЁНОВ
Рет қаралды 8 МЛН