Aprenda tudo sobre positions do CSS em 25 minutos
ฝัง
- เผยแพร่เมื่อ 4 ก.พ. 2025
- 📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecoda...
★ Nossos Cursos: www.horadecoda...
No #CSS temos diversas posições, e é muito comum os desenvolvedores não saberem como utilizar todas elas, este é o propósito do vídeo: te ensinar tudo sobre positions do CSS.
Vamos focar nas principais: static, relative, absolute, fixed e sticky.
Teremos exemplos reais e práticos de funcionamento delas no #HTML e no CSS, como se fossem mini projetos, onde você nunca mais vai precisar ficar chutando a posição correta do elemento.
Após este vídeo você vai conseguir escolher as posições corretas e também posicionar um elemento em qualquer local da tela, assim como é solicitado no layout ou design da aplicação que você está desenvolvendo.
Repositório: github.com/mat...
★ Livros recomendados: www.horadecoda...
▶ Instagram: @horadecodar
▶ GitHub: github.com/mat... 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord
📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecodar.com.br/ebook-melhores-praticas-html-e-css-gratuito/
Cara que incrível, aprendi em 25 min, oque não aprendi 1 bimestre inteiro de ADS, obrigado amigo.
Que aula boa. Para a galera que não entendeu, faça anotando cada passo e entenda como funciona, além de Codar também passo por passo.
Professor, obrigado por compartilhar conhecimento de graça!!! No momento estou sem grana, mas qnd conseguir, faço questão de comprar todos os seus cursos. O senhor é um ser humano incrível!!!!
Se puder, disponibiliza mais alguns projetinhos em JS. A resolução q o senhor faz cm a gnt nos ajuda MUUIITO!!
opa Pedro, sem pressa hehe
Sobre o JS: estamos com o curso de React saindo vídeo quase todo dia =)
Mestre nas posiç.... La ele.
Mudar as posic.... La ele
Kkkkkkkkk
Brincadeiras a parte! Que aulão!
MELHOR PROF DO MUNDO amei sua didatica nem muito rapido nem muito devagar,merece um oscar parabens🎆🎆🎆🎆🎆🎆🎆
Essa aula foi sensacional! Eu to assistindo em várias fontes sobre esse conteúdo por que quero apreender mesmo na cabeça. Foi simplesmente super didático, consegui entender tudinho! Muito Obrigado pela aula!
valeu Jan, espero poder continuar te ajudando!
@@MatheusBattisti sim, já me inscrevi no canal e dei uma pesquisada nós seus cursos. Tem algum específico de frontend? Tô começando agora, mas já aprendi HTML e tô focado em entender tudo certinho de css pra poder começar o javascript
melhor explicação de position que eu vi ate hoje
Conteúdo esclareceu legal! Obrigado, meu nobre!
Minhas headers vao brilhar agora
merece um like, n tava entendo no meu curso, mas com vc entendi, muito obrigado
Didática extremamente agradável, semântica incrível. Obrigado!
Parabéns !! As suas explicações abrem a minha mente e encapsulam conhecimento.
opa Luiz, que bom ler isso, abraço!
Eu usava positions mas era com dúvidas, porém esse vídeo me ajudou bastante a compreender a funcionalidade de cada!. Muito boa sua didática.
Estava fazendo uma revisao de CSS no Linkeding, mas senti a necessidade de buscar este conteudo.
Voce explicou com maestria meu irmao.
Muito obrigado.
Nao costumo deixar like mas voce mereceu muito.
Isso eu eu chamo de ensinar, rápido e objetivo.
Valeu Matheus... finalmente já entendo qual a posição aplicar num determinado projecto. Explicação simples e muito objectiva. Estou ligado com os teus ensinamentos. Obrigado.
Melhor explicação que eu já vi até hoje. Obrigado Irmão!
Show de bola esse vídeo. Ajudou demaissssss
que bom brother! =DD
Melhor aula de posicionamento que já assiti. Parabéns!
valeu Julio!
Amigo! que Deus abençoe por ser esse ótimo professor.
Como fica claro feito o sol de meio dia, a maneira como você ensina, top!.
vlww professor muito obrigado excelente explicação e conteúdo super didático e muito detalhado #recomendo #todos @todos
Muito obrigada! bem esclarecedor!
Que AULA 👏👏👏
Finalmente consegui entender.
Obrigado!
de nada Douglas!
O Matheus faz parecer simples, parabéns brother.
Melhor explicação que já vi. Muito obrigado
Essa funcionalidade pode não fazer para sites, mas para software tem total funcionalidade!
Me amarro as posições do CSS, Ótima didática de ensino.
valeuuu, tamo junto =D
sem palavras pra descrever a importância desse conteúdo, obrigado matheus
Sensacional sua explicação. Finalmente eu entendi!
Obrigado pela aula, bem explicada!Muito OBRIGADO!
de nada Paulo!
Parabéns, muito obrigado!
Melhor explicação sobre posições com CSS! Valeu, demais.
muito obrigado Ester!
Muito bom o seu conteúdo e principalmente sua didática. Parabéns!
Obrigada moço, salvou demais
Muito bem explicado! Parabéns Matheus, me ajudou muito! 😊
Que aula cara!!!
"Agora estou mestre nas posições"☺️
raquel ? kkk
obrigadão ai pelo vídeo Matheus! me ajudou
Cara vou comprar seu curso, suas aulas são excelentes.
boa! vem pra nossa Comunidade: horadecodar.com.br/comunidade-hora-de-codar/
show d+, top a didática. Parabéns!!
valeu Adriano!
Esse video me ajudou muito a entender e aprender mais sobre!
Valeuu Jocemar!
Ótima aula!
valeuu Arthur, já chegou a conhecer a nossa plataforma de cursos? horadecodar.com.br/comunidade-hora-de-codar/
mano parabens
aula muito top
Obrigado pela aula! Show!!!
Conheci hj e já amei😍 parabéns pelo conteúdo! Você explica tão bem❤️
obrigado Maria =)
Parabéns, muito bem explicativo!
valeu Pedro!
Excelente!!!!!
obrigado amigo, vc é um amigo!
Que aula sensacional! Finalmente consegui entender como usar as positions do css
Sempre me salvando. Muito obrigado, Matheus!
de nada Freitas!
Que aula meu amigo, obrigado.
valeu brother! te convido também a conhecer meu treinamento completo: horadecodar.com.br/comunidade-hora-de-codar/
Finalmente consegui aprender!!
Aula top!!
Que explicação massa!
Sensacional o vídeo. Obrigado.
Excelente vídeo. Finalmente consegui entender 👏🏻👏🏻👏🏻👏🏻
Tu sabe muito
Matheus, mais uma vez me salvando kk
aí sim! haha
Ajudou muito abrigado!
Ótima aula
valeu Allan!
Salvou de mais
Excelente didática, comprei um curso e vim procurar material pra reforçar a aula sobre position, e fiquei até meio chateado de só descobrir você agora, pois provavelmente teria comprado o seu curso haha
Sensacional isso. Ajudou dmss
Como sempre ótima explicação!
valeuu Zeriel, obrigado por acompanhar! =)
Muito top esta explicação.
cara, muito obrigado por esse vídeo!!!!!! parabéns pela didática, simples e objetivo!!! \'o'/
Que aula top.
Show de aula, seria interessante uma aula sobre keyframes.
Vídeo excelente
tamo junto Weverton!
Muito bom. Eu estava com dificuldade em entender isso, mas sua didática foi excelente. Parabéns!
Ótima aula prática.
Obrigado
Ótimo vídeo!
muito claro.
Valeu!!!!!
De nada!
Opacidade zero. kkkkk
Muito claro.
Parabéns!
Valeu d+
Mr Battisti !!!
Muito obrigado por compartilhar !!!
Sobre o Sticky, ele pode ser definido dentro de uma DIV ou somente dentro do BODY?
Uso Bootstrap e percebi que ao definir um elemento como Stick ele deve estar relacionado diretamente com o Body, se estiver dentro de uma DIV não funciona corretamente.
pode me ajudar?
minha pagina possui um header com tres linhas em column
e eu gostaria de manter a segunda linha fixa conforme desço o scroll, tentei usar o position fixed, mas a linha perde seu espaço no fluxo e sobrepoe as demais linhas! tentei usar essa propriedade position: sticky , e a linha manteve seu espaço no fluxo mas não fixou no scroll
Gostei muito do vídeo, eu entendi mais ou menos, só que quando eu diminuo a janela as coisas ficam entrando uma dentro da outra.
oi, tem como saber no css quando a div sticky estiver acompanhando o scroll? por exemplo quando você rola a página e a div fica fixa no topo, ela muda de cor por que esta fixa
Opa professor, sei q não é aula sobre o assunto de php, mas vc teria o cupom de desconto do seu curso? agradeço mt
opa Leonardo, tem esse aqui: www.udemy.com/course/php-do-zero-a-maestria-com-projetos-incriveis/?couponCode=BOOTSTRAPFULL
muito bom.
flexbox pra mim é mais tranquilo e melhor. Mas nada melhor que aprender varias formas de resolver o mesmo problema
Agora posso parar de ficar chutando a posição para tentar encaixar onde preciso
mesma coisa aqui ososokskosok
Exatamente o que estou fazendo, estou revoltado com minha própria burrice 😂.
Acho que entendi... Então de eu tenho uma div com a position: relative; e outra com absolute. Só assim eu posso colocar a de absolute dentro da relativa?
Amei o video!!!! 🎉🎉🎉🖕
Fala amigo boa noite, é errado fazer um site usando position para posicionar alguns elementos na tela
abençoado para quem entendeu pois eu não entendi foi nada 😵💫
Bom no início é assim msm mam ! Mas na medida que vc vai revendo e dedicando concerteza vai entender ! Só pratica e não desiste que vc vai conseguir ! Ok .
O professor aí ensina bem pra caramba!
ehhh catarinaa
Tu torna algo complexo em algo simples
Ai Magic, o que falta pra você competir?
posições CSS (Cama sutra supremo)
😀
Tudo muito
E no final das contas, era tao simples
Não entendi, nunca imaginei que fosse tão dificil pra mim posicionar simples elementos. 😢
Anote e tente sozinho, quando retornar pra revisar tudo fará sentido, achará o caminho onde tentou passar mas se perdeu 😅😂😂
Muito bom!
Muito útil. Obrigado