No video
Aprenda tudo sobre positions do CSS em 25 minutos
Рет қаралды 33,714
3 жыл бұрын📗 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
@MatheusBattisti 2 жыл бұрын
📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecodar.com.br/ebook-melhores-praticas-html-e-css-gratuito/
@pedropaulocamelo283 3 жыл бұрын
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!!
@MatheusBattisti 3 жыл бұрын
opa Pedro, sem pressa hehe Sobre o JS: estamos com o curso de React saindo vídeo quase todo dia =)
@MiltonCarlos-b2x 20 күн бұрын
Didática extremamente agradável, semântica incrível. Obrigado!
@jancarlosk670 2 жыл бұрын
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!
@MatheusBattisti 2 жыл бұрын
valeu Jan, espero poder continuar te ajudando!
@jancarlosk670 2 жыл бұрын
@@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
@gustavoguimaraes4399 3 ай бұрын
Cara que incrível, aprendi em 25 min, oque não aprendi 1 bimestre inteiro de ADS, obrigado amigo.
@ArthurAlvesdemoura 3 ай бұрын
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.
@luiztavares7029 3 жыл бұрын
Parabéns !! As suas explicações abrem a minha mente e encapsulam conhecimento.
@MatheusBattisti 3 жыл бұрын
opa Luiz, que bom ler isso, abraço!
@dogurasu-chan 9 ай бұрын
Conteúdo esclareceu legal! Obrigado, meu nobre! Minhas headers vao brilhar agora
@vitorfernandes4265 Жыл бұрын
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.
@MozartMartins Жыл бұрын
Estava fazendo uma revisao de CSS no Linkeding, mas senti a necessidade de buscar este conteudo. Voce explicou com maestria meu irmao. Muito obrigado.
@camila.mergulhao 8 ай бұрын
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.
@user-ri3pz8wn9t Жыл бұрын
MELHOR PROF DO MUNDO amei sua didatica nem muito rapido nem muito devagar,merece um oscar parabens🎆🎆🎆🎆🎆🎆🎆
@thiagomoraes7632 8 ай бұрын
obrigadão ai pelo vídeo Matheus! me ajudou
@pauloofranco5663 2 жыл бұрын
Obrigado pela aula, bem explicada!Muito OBRIGADO!
@MatheusBattisti 2 жыл бұрын
de nada Paulo!
@andreray1795 2 жыл бұрын
sem palavras pra descrever a importância desse conteúdo, obrigado matheus
@leandordeoliveiralimalima4477 3 жыл бұрын
Me amarro as posições do CSS, Ótima didática de ensino.
@MatheusBattisti 3 жыл бұрын
valeuuu, tamo junto =D
@juliolemos639 2 жыл бұрын
Melhor aula de posicionamento que já assiti. Parabéns!
@MatheusBattisti 2 жыл бұрын
valeu Julio!
@charlescampista9384 10 ай бұрын
Melhor explicação que eu já vi até hoje. Obrigado Irmão!
@mestresdosnegocios Жыл бұрын
merece um like, n tava entendo no meu curso, mas com vc entendi, muito obrigado
@Douglasespinola 2 жыл бұрын
Que AULA 👏👏👏 Finalmente consegui entender. Obrigado!
@MatheusBattisti 2 жыл бұрын
de nada Douglas!
@LuizSantos-uh3du Жыл бұрын
Isso eu eu chamo de ensinar, rápido e objetivo.
@esterdestefani6547 2 жыл бұрын
Melhor explicação sobre posições com CSS! Valeu, demais.
@MatheusBattisti 2 жыл бұрын
muito obrigado Ester!
@aricleciotanaarea5290 8 ай бұрын
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!.
@danielthoughtwriter Жыл бұрын
vlww professor muito obrigado excelente explicação e conteúdo super didático e muito detalhado #recomendo #todos @todos
@beuge91 Жыл бұрын
Ótima aula!
@MatheusBattisti Жыл бұрын
valeuu Arthur, já chegou a conhecer a nossa plataforma de cursos? horadecodar.com.br/comunidade-hora-de-codar/
@adrianocesar3491 2 жыл бұрын
show d+, top a didática. Parabéns!!
@MatheusBattisti 2 жыл бұрын
valeu Adriano!
@jocemarvogel5442 2 жыл бұрын
Esse video me ajudou muito a entender e aprender mais sobre!
@MatheusBattisti 2 жыл бұрын
Valeuu Jocemar!
@boca99 Жыл бұрын
O Matheus faz parecer simples, parabéns brother.
@flavialaisreis5545 Жыл бұрын
Obrigada moço, salvou demais
@AnthonyFSilva 3 ай бұрын
Que aula cara!!!
@SamuelSantos-ge4zy Жыл бұрын
Melhor explicação que já vi. Muito obrigado
@raquelrodrigues3694 Жыл бұрын
"Agora estou mestre nas posições"☺️
@jonsales6310 4 ай бұрын
raquel ? kkk
@fabiodantas9740 3 ай бұрын
Muito útil. Obrigado
@FelippiCunegundesLaender 8 ай бұрын
Sensacional sua explicação. Finalmente eu entendi!
@freitassousa 2 жыл бұрын
Sempre me salvando. Muito obrigado, Matheus!
@MatheusBattisti 2 жыл бұрын
de nada Freitas!
@mariacavalcante3302 2 жыл бұрын
Conheci hj e já amei😍 parabéns pelo conteúdo! Você explica tão bem❤️
@MatheusBattisti 2 жыл бұрын
obrigado Maria =)
@tutoriaisweb313 Жыл бұрын
Nao costumo deixar like mas voce mereceu muito.
@gerivaldosilva1982 Жыл бұрын
Muito bom o seu conteúdo e principalmente sua didática. Parabéns!
@viniciusnascimento6424 2 жыл бұрын
Matheus, mais uma vez me salvando kk
@MatheusBattisti 2 жыл бұрын
aí sim! haha
@zBl4ckUser Жыл бұрын
Que aula sensacional! Finalmente consegui entender como usar as positions do css
@allanjose1437 2 жыл бұрын
Ótima aula
@MatheusBattisti 2 жыл бұрын
valeu Allan!
@caiocezarmilhomens5718 Жыл бұрын
Muito bem explicado! Parabéns Matheus, me ajudou muito! 😊
@otaviob3824 2 жыл бұрын
Essa funcionalidade pode não fazer para sites, mas para software tem total funcionalidade!
@pedrovicosa7722 2 жыл бұрын
Parabéns, muito bem explicativo!
@MatheusBattisti 2 жыл бұрын
valeu Pedro!
@Baaaankai 2 жыл бұрын
Show de bola esse vídeo. Ajudou demaissssss
@MatheusBattisti 2 жыл бұрын
que bom brother! =DD
@wevertonsantiago4305 2 жыл бұрын
Vídeo excelente
@MatheusBattisti 2 жыл бұрын
tamo junto Weverton!
@pavanellidev Жыл бұрын
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
@frontezerfrasht1780 Жыл бұрын
Que aula meu amigo, obrigado.
@MatheusBattisti Жыл бұрын
valeu brother! te convido também a conhecer meu treinamento completo: horadecodar.com.br/comunidade-hora-de-codar/
@danielclaudino995 Жыл бұрын
Obrigado pelo vídeo! Parabéns pela didática !
@allanjose1437 2 жыл бұрын
Tu sabe muito
@spakkaaa Жыл бұрын
Salvou de mais
@SamuelSilva-cx1gr 2 жыл бұрын
Excelente vídeo. Finalmente consegui entender 👏🏻👏🏻👏🏻👏🏻
@zerielribeiro5787 3 жыл бұрын
Como sempre ótima explicação!
@MatheusBattisti 3 жыл бұрын
valeuu Zeriel, obrigado por acompanhar! =)
@dmtech1.0 4 ай бұрын
Obrigado pela aula! Show!!!
@gersonjunior3229 6 ай бұрын
obrigado amigo, vc é um amigo!
@Rafael11piraju Жыл бұрын
Cara vou comprar seu curso, suas aulas são excelentes.
@MatheusBattisti Жыл бұрын
boa! vem pra nossa Comunidade: horadecodar.com.br/comunidade-hora-de-codar/
@valterbriolli6413 3 жыл бұрын
Valeu!!!!!
@MatheusBattisti 3 жыл бұрын
De nada!
@philosophia9585 Жыл бұрын
Show de aula, seria interessante uma aula sobre keyframes.
@luizeduardoreis7657 Жыл бұрын
Muito bom!!
@melbrito7495 Жыл бұрын
Mestre nas posiç.... La ele. Mudar as posic.... La ele Kkkkkkkkk Brincadeiras a parte! Que aulão!
@ibere50 Жыл бұрын
Obrigado
@mateusporto3313 Жыл бұрын
Parabéns, muito obrigado!
@PNFGS Жыл бұрын
cara, muito obrigado por esse vídeo!!!!!! parabéns pela didática, simples e objetivo!!! \'o'/
@magnosilva9996 Жыл бұрын
Sensacional o vídeo. Obrigado.
@douglasalcantara891 Жыл бұрын
Que explicação massa!
@viniciusnascimento6424 2 жыл бұрын
Excelente!!!!!
@ninguem6879 Жыл бұрын
Ajudou muito abrigado!
@Ericsson1181 Жыл бұрын
Muito top esta explicação.
@user-wi4go9jt3h Жыл бұрын
obrigado
@Luan46932pop Жыл бұрын
Finalmente consegui aprender!!
@mamaco3886 Жыл бұрын
flexbox pra mim é mais tranquilo e melhor. Mas nada melhor que aprender varias formas de resolver o mesmo problema
@duppis3642 10 ай бұрын
Sensacional isso. Ajudou dmss
@paulodonega9363 10 ай бұрын
Que aula top.
@elijahset Жыл бұрын
Ótima aula prática.
@GeovannaMogizAlberto-fn1ty 5 ай бұрын
Valeu d+
@camilorafael554 Жыл бұрын
abençoado para quem entendeu pois eu não entendi foi nada 😵💫
@Elisio6962 6 ай бұрын
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!
@mariaantonieta4471 2 жыл бұрын
Opacidade zero. kkkkk Muito claro. Parabéns!
@manuelvaal1257 Жыл бұрын
muito claro.
@the_heartlessboy Жыл бұрын
Muito bom. Eu estava com dificuldade em entender isso, mas sua didática foi excelente. Parabéns!
@radiosoninho5942 Жыл бұрын
Ótimo vídeo!
@JuniorBispo-oh4zd Жыл бұрын
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.
@Pedroetbdf 10 ай бұрын
muito bom.
@AriVenuth Жыл бұрын
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.
@marvin1290 Жыл бұрын
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
@victorandrade1766 2 жыл бұрын
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
@kauafontes5717 Жыл бұрын
Amei o video!!!! 🎉🎉🎉🖕
@Victor11813 Жыл бұрын
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?
@capitaosamuka 4 ай бұрын
Agora posso parar de ficar chutando a posição para tentar encaixar onde preciso
@guineto8429 2 ай бұрын
mesma coisa aqui ososokskosok
@Fernando_Tricolor 2 күн бұрын
Exatamente o que estou fazendo, estou revoltado com minha própria burrice 😂.
@bielgremista1 Жыл бұрын
ehhh catarinaa
@ingenium_Dev 11 күн бұрын
posições CSS (Cama sutra supremo)
@xWaaakeUp 3 жыл бұрын
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
@MatheusBattisti 3 жыл бұрын
opa Leonardo, tem esse aqui: www.udemy.com/course/php-do-zero-a-maestria-com-projetos-incriveis/?couponCode=BOOTSTRAPFULL
@helder-rangel 2 ай бұрын
😀
@glauberdasilva8796 2 ай бұрын
Ai Magic, o que falta pra você competir?
@allanjose1437 2 жыл бұрын
Tu torna algo complexo em algo simples
@allanjose1437 2 жыл бұрын
Tudo muito
@deivissondev8251 Жыл бұрын
Fala amigo boa noite, é errado fazer um site usando position para posicionar alguns elementos na tela
@capitaosamuka 4 ай бұрын
E no final das contas, era tao simples
@renanleal496 5 ай бұрын
Não entendi, nunca imaginei que fosse tão dificil pra mim posicionar simples elementos. 😢
@crm9develop529 5 ай бұрын
Anote e tente sozinho, quando retornar pra revisar tudo fará sentido, achará o caminho onde tentou passar mas se perdeu 😅😂😂
@edifrancl 6 ай бұрын
Muito bom!
@spiritblue Жыл бұрын
Muito bom!
Matheus Battisti - Hora de Codar
Рет қаралды 50 М.
Serliv
Рет қаралды 13 М.
Matheus Battisti - Hora de Codar
Рет қаралды 58 М.
Léo Scorza - OneBitCode
Рет қаралды 3,3 М.
FrontEndDevelop
Рет қаралды 814
Otávio Miranda
Рет қаралды 18 М.
ilustraCode - Programação Web
Рет қаралды 11 М.