Aprenda tudo sobre positions do CSS em 25 minutos

Подписаться 136 тыс.

Просмотров 33 тыс.

50% 1

📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecodar.com.br/ebook-...
★ Nossos Cursos: www.horadecodar.com.br/cursos...
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/matheusbattisti/cu...
★ Livros recomendados: www.horadecodar.com.br/ebooks...
▶ Instagram: @horadecodar
▶ GitHub: github.com/matheusbattisti/ 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord

Наука

Опубликовано:

27 июл 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 127

@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 2 года назад

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 2 года назад

opa Pedro, sem pressa hehe Sobre o JS: estamos com o curso de React saindo vídeo quase todo dia =)

@gustavoguimaraes4399 Месяц назад

Cara que incrível, aprendi em 25 min, oque não aprendi 1 bimestre inteiro de ADS, obrigado amigo.

@ArthurAlvesdemoura 2 месяца назад

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.

@magnosilva9996 Год назад

Sensacional o vídeo. Obrigado.

@mateusporto3313 Год назад

Parabéns, muito obrigado!

@andreray1795 2 года назад

sem palavras pra descrever a importância desse conteúdo, obrigado matheus

@Ericsson1181 Год назад

Muito top esta explicação.

@douglasalcantara891 10 месяцев назад

Que explicação massa!

@duppis3642 8 месяцев назад

Sensacional isso. Ajudou dmss

@SamuelSilva-cx1gr Год назад

Excelente vídeo. Finalmente consegui entender 👏🏻👏🏻👏🏻👏🏻

@gersonjunior3229 5 месяцев назад

obrigado amigo, vc é um amigo!

@danielclaudino995 Год назад

Obrigado pelo vídeo! Parabéns pela didática !

@ninguem6879 Год назад

Ajudou muito abrigado!

@dogurasu-chan 7 месяцев назад

Conteúdo esclareceu legal! Obrigado, meu nobre! Minhas headers vao brilhar agora

@paulodonega9363 9 месяцев назад

Que aula top.

@AnthonyFSilva Месяц назад

Que aula cara!!!

@fabiodantas9740 Месяц назад

Muito útil. Obrigado

@zBl4ckUser Год назад

Que aula sensacional! Finalmente consegui entender como usar as positions do css

@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.

@flavialaisreis5545 Год назад

Obrigada moço, salvou demais

@dmtech1.0 2 месяца назад

Obrigado pela aula! Show!!!

@FelippiCunegundesLaender 7 месяцев назад

Sensacional sua explicação. Finalmente eu entendi!

@mestresdosnegocios Год назад

merece um like, n tava entendo no meu curso, mas com vc entendi, muito obrigado

@LuizSantos-uh3du 11 месяцев назад

Isso eu eu chamo de ensinar, rápido e objetivo.

@gerivaldosilva1982 11 месяцев назад

Muito bom o seu conteúdo e principalmente sua didática. Parabéns!

@SamuelSantos-ge4zy Год назад

Melhor explicação que já vi. Muito obrigado

@spakkaaa Год назад

Salvou de mais

@elijahset Год назад

Ótima aula prática.

@caiocezarmilhomens5718 10 месяцев назад

Muito bem explicado! Parabéns Matheus, me ajudou muito! 😊

@boca99 Год назад

O Matheus faz parecer simples, parabéns brother.

@viniciusnascimento6424 Год назад

Excelente!!!!!

@luizeduardoreis7657 Год назад

Muito bom!!

@melbrito7495 Год назад

Mestre nas posiç.... La ele. Mudar as posic.... La ele Kkkkkkkkk Brincadeiras a parte! Que aulão!

@thiagomoraes7632 7 месяцев назад

obrigadão ai pelo vídeo Matheus! me ajudou

@PNFGS Год назад

cara, muito obrigado por esse vídeo!!!!!! parabéns pela didática, simples e objetivo!!! \'o'/

@Luan46932pop 11 месяцев назад

Finalmente consegui aprender!!

@philosophia9585 Год назад

Show de aula, seria interessante uma aula sobre keyframes.

@charlescampista9384 9 месяцев назад

Melhor explicação que eu já vi até hoje. Obrigado Irmão!

@manuelvaal1257 11 месяцев назад

muito claro.

@radiosoninho5942 Год назад

Ótimo vídeo!

@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

@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.

@camila.mergulhao 6 месяцев назад

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.

@allanjose1437 2 года назад

Tu sabe muito

@tutoriaisweb313 Год назад

Nao costumo deixar like mas voce mereceu muito.

@Baaaankai Год назад

Show de bola esse vídeo. Ajudou demaissssss

@MatheusBattisti Год назад

que bom brother! =DD

@otaviob3824 2 года назад

Essa funcionalidade pode não fazer para sites, mas para software tem total funcionalidade!

@zerielribeiro5787 2 года назад

Como sempre ótima explicação!

@MatheusBattisti 2 года назад

valeuu Zeriel, obrigado por acompanhar! =)

@user-ri3pz8wn9t 10 месяцев назад

MELHOR PROF DO MUNDO amei sua didatica nem muito rapido nem muito devagar,merece um oscar parabens🎆🎆🎆🎆🎆🎆🎆

@raquelrodrigues3694 Год назад

"Agora estou mestre nas posições"☺️

@jonsales6310 2 месяца назад

raquel ? kkk

@danielthoughtwriter Год назад

vlww professor muito obrigado excelente explicação e conteúdo super didático e muito detalhado #recomendo #todos @todos

@viniciusnascimento6424 Год назад

Matheus, mais uma vez me salvando kk

@MatheusBattisti Год назад

aí sim! haha

@luiztavares7029 2 года назад

Parabéns !! As suas explicações abrem a minha mente e encapsulam conhecimento.

@MatheusBattisti 2 года назад

opa Luiz, que bom ler isso, abraço!

@Rafael11piraju Год назад

Cara vou comprar seu curso, suas aulas são excelentes.

@MatheusBattisti Год назад

boa! vem pra nossa Comunidade: horadecodar.com.br/comunidade-hora-de-codar/

@aricleciotanaarea5290 6 месяцев назад

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!.

@ibere50 Год назад

Obrigado

@GeovannaMogizAlberto-fn1ty 4 месяца назад

Valeu d+

@freitassousa 2 года назад

Sempre me salvando. Muito obrigado, Matheus!

@MatheusBattisti 2 года назад

de nada Freitas!

@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

@wevertonsantiago4305 Год назад

Vídeo excelente

@MatheusBattisti Год назад

tamo junto Weverton!

@Pedroetbdf 8 месяцев назад

muito bom.

@beuge91 Год назад

Ótima aula!

@MatheusBattisti Год назад

valeuu Arthur, já chegou a conhecer a nossa plataforma de cursos? horadecodar.com.br/comunidade-hora-de-codar/

@pedrovicosa7722 2 года назад

Parabéns, muito bem explicativo!

@MatheusBattisti 2 года назад

valeu Pedro!

@esterdestefani6547 Год назад

Melhor explicação sobre posições com CSS! Valeu, demais.

@MatheusBattisti Год назад

muito obrigado Ester!

@adrianocesar3491 2 года назад

show d+, top a didática. Parabéns!!

@MatheusBattisti 2 года назад

valeu Adriano!

@user-wi4go9jt3h Год назад

obrigado

@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/

@juliolemos639 Год назад

Melhor aula de posicionamento que já assiti. Parabéns!

@MatheusBattisti Год назад

valeu Julio!

@allanjose1437 2 года назад

Ótima aula

@MatheusBattisti 2 года назад

valeu Allan!

@Douglasespinola 2 года назад

Que AULA 👏👏👏 Finalmente consegui entender. Obrigado!

@MatheusBattisti 2 года назад

de nada Douglas!

@pauloofranco5663 2 года назад

Obrigado pela aula, bem explicada!Muito OBRIGADO!

@MatheusBattisti 2 года назад

de nada Paulo!

@valterbriolli6413 2 года назад

Valeu!!!!!

@MatheusBattisti 2 года назад

De nada!

@leandordeoliveiralimalima4477 2 года назад

Me amarro as posições do CSS, Ótima didática de ensino.

@MatheusBattisti 2 года назад

valeuuu, tamo junto =D

@mariacavalcante3302 2 года назад

Conheci hj e já amei😍 parabéns pelo conteúdo! Você explica tão bem❤️

@MatheusBattisti 2 года назад

obrigado Maria =)

@jocemarvogel5442 2 года назад

Esse video me ajudou muito a entender e aprender mais sobre!

@MatheusBattisti 2 года назад

Valeuu Jocemar!

@the_heartlessboy Год назад

Muito bom. Eu estava com dificuldade em entender isso, mas sua didática foi excelente. Parabéns!

@mamaco3886 Год назад

flexbox pra mim é mais tranquilo e melhor. Mas nada melhor que aprender varias formas de resolver o mesmo problema

@mariaantonieta4471 2 года назад

Opacidade zero. kkkkk Muito claro. Parabéns!

@kauafontes5717 Год назад

Amei o video!!!! 🎉🎉🎉🖕

@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.

@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.

@capitaosamuka 2 месяца назад

Agora posso parar de ficar chutando a posição para tentar encaixar onde preciso

@guineto8429 11 дней назад

mesma coisa aqui ososokskosok

@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

@camilorafael554 Год назад

abençoado para quem entendeu pois eu não entendi foi nada 😵‍💫

@Elisio6962 4 месяца назад

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!

@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?

@victorandrade1766 Год назад

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