Pare de chutar e aprenda a position: relative e postion static #05
Вставка
- Опубліковано 10 лют 2025
- Aqui mostro como funciona as propriedade float: left e float: right na prática :-)
Se você prefere ler o conteúdo pode acessar o post no medium: / pare-de-chutar-e-apren...
⁉️Dúvidas⁉️ cola no Discord da CollabCode: bit.ly/discord-...
#frontend #css
Contatos:
🐥 Twitter da CollabCode - / collabcodetech
👩🏻💻 Facebook da CollabCode - / collabcode
🐥 Twitter do Marco Bruno - / marcobrunobr
🚀 Linkedin do Marco Bruno - / marcobrunobr
👨🏻💻 Facebook do Marco Bruno - / marco.bruno.br
A diferença entre um professor que está apenas transmitindo conteúdo e o que está fazendo e curtindo o que faz. Parabéns pelo canal!
É bem isso mesmo: "Pare de chutar e aprenda ....". Grato
Ensinar é um dom que você tem a manha. Agradeço por compartilhar.
Pois eu acho que ele não tem não, tá parecendo que ele tá ensinando pra si mesmo ou pra uma platéia que manja pra caramba, porque pra iniciante, faz todo mundo naufragar.
@@jairoprates4300 o conteúdo dele, é para você entender o que cada atributo faz, o conceito e tals, não para você aprender tudo do zero neh
@@jairoprates4300 falou muita merda msm, cara clareou minha mente legal, compraria um curso dele fácil
@@jairoprates4300 cara é que o conteúdo dele é focado naquelas pessoas que já tem uma base, que já sabem mexer no CSS mas se atrapalham com a parte de posicionar os itens na tela, e não pra qm nunca viu CSS sabe?
Tenho que tirar o chapéu para você meu caro!
Enfim, consegui compreender melhor sobre!
gratidão e meus parabéns pelo seu conteúdo, a sua didática é top. :)
Valeu Jose, fico feliz em contribuir :-)
"Tipo Fred na Copa de 2014" KKKKKKKKKK
Também gosto dessa piada :-)
"O padrão do position é o static, é o Fred, não vai mover" kkkkkkkkkkkkkkk
Melhor analogia impossível kkkkkk
Você não ensina e nem dar aula, você encaixa o conteúdo na minha cabeça! Muito obrigado!
Cara, ficava frustrado as vezes tentando posicionar os bagulho, agora tudo faz sentido, agora a vida tem uma cor mais brilhante!!!!!
kkkkk....Fico muito feliz em conseguir ajudar :-)
Em 15 minutos vc explicou mais coisa que minha professora aqui no Canada tentou fazer em 8 horas de aula. E a sua explicaçao foi muito melhor. Brasileiro eh foda!
Ótimos vídeos, 3 anos de experiência como dev full e to aprendendo muito. Vlw Marco!
Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
O exemplo do fred foi sensacional !!!
Rapaz , que explicação sensacional.....sua didática é muito boa.
Explicando de forma muito didática. Top demais.
Valeu :D
Caro, obrigado por compartilhar teu conhecimento. Teu conteúdo é muito bom e tem uma ótima didática.
Muito obrigado Gilson, fico feliz em contribuir pra comunidade!
Não sei porque esse canal não tem 1 milhão de inscritos, conhecei hoje, só conteúdo top. Parabéns, professor.
videos muito didáticos. Melhor professor de CSS que eu já vi.
Rapaz! Isso que é bom! Saber o que está fazendo e porque fazer! Entender de fato o conceito sem "enroleition"...MEUS PARABÉNS pela didática/aulas...estão me ajudando demais. Comecei a assistir a série hoje e de tão viciante já estou quase acabando.
Aí sim :-)
Irmão olha que massa... No vídeo vc tá feliz por ter 344 inscritos...e hj 4 anos depois...34mil inscritos... Show 👏🏻👏🏻👏🏻
Muito bom as suas aulas. Bastante explicativo, a forma q vc ensina parece facil rsrsrsrr
Suave e feliz sempre kkkk
to gostando muito dessa série!!! valeu irmão :)
É nois. Amanhã sai mais um vídeo :-)
Esclareceu muito minhas dúvidas sobre o comportamento do position. Valeu! 🌺😉
Tá certo que não é bem um curso, mas tirei umas dúvidas sinistras quando misturava position-relative e z-index. Me ajudeou muito, Valeu Mestre...
Legal Alexadre. Fico feliz que tenha gostado. Ah! Não quero montar o esquema de curso só quero dar dicas que eu acho útil pra quando estamos desenvolvendo :-)
@@MarcoBrunoBR Cara, vocy tá me ajudando demais. Sem assistir suas aulas eu não teria saída. Você é top, KK
Outro excelente vídeo, Marco. Agradeço mais uma vez! :)(:
A gente que agradece a força Leo
brabo!!! agora sim passei a compreender esses conceitos! ótima explicação.
Incrível, conseguiu explicar de maneira simples e muito clara como funciona! Obrigado por isso, Marco.
Fico feliz pra caramba que você tenha entendido. Valeu! :-)
Obrigado por explicar cada item no inicio do video =)
Ainda bem que eu achei isso aqui. Ta de parabéns
Fico feliz que tenha gostado ;-)
MUITO OBRIGADO POR SUA AULA, MARCO BRUNO!!
É nois!
Muito massa a aula! Parabens! Vc explica muito bem!
Não perco seus video, estou aprendendo bastante, adoro saber como as coisas funciona e você explica muito bem, parabens ai pela inciativa de compartilhar esse conhecimento.
Fico feliz que esteja gostando. Não espero parar tão cedo, meu objetivo e fazer 3 vídeos por semana até o final do ano, depois disso tentar rentabilizar o canal sem colocar propagadas chatas no meio do vídeo :-)
Excelente ideia, vou continuar acompanhando e compartilhando sempre que possível.
Cara sou desenvolvedor faz 20 anos, e por incrivel que pareça, com seus videos que eu to aprendendo css direito kkkkk (trabalhei muito tempo como backend)
Fico feliz em ajudar, sempre temos muito o que aprender uns com os outros ;-)
Parabéns pela didática e obrigado pela aula
Parabéns JOVEM professor, explica de forma simples, estou aprendendo muito.Ajudar as pessoas a descortinar o conhecimento é a luz , que vai iluminar os nossos caminhos e os seus.O professor é a unica profissão que no japão não precisa reverenciar o IMPERADOR.
Que louco não sabia dessa informação do Japão, legal! Obrigado pelas palavras :-)
@@MarcoBrunoDev show aprendendo muito.Obrigado.
Louise se quiser trocar uma ideia sobre desenvolvimento e também dar sugestões de temas para os próximos videos, entra no discord da CollabCode nesse link aí:discord.gg/YeeEAYj
Massa mano parabéns vc tá fazendo história
virei fã
Video muito bom cara! Tava procurando exatamente isso, alguém que me mostra se como parar de chutar! huashuash Cara, se você puder, faz um video falando sobre a relação desses elementos em hierarquias mais complexas, um elemento relative, dentro de um absolute, dentro de outro relative, dentro de outros e por ai vai.... Seria legal ver essas interações mais complexas que a gente acaba pegando no nosso dia-a-dia. Muito show a série, vou acompanhar!
É só para dizer que eu tenho um teste de CSS amanhã e o senhor salvou-me de boa! Muito obrigado!
Abraço de Portugal
Vlw Marco, suas dicas estão me ajudando muito. Obrigado.
Obrigado!
Cara, tu é o cara!!! Parabéns pela didática, espetacular. Muito obrigado por compartilhar teu conhecimento. Vlw
Mano, dê continuidade no canal aí, sei que vc tem muito a acrescentar conosco. Espero poder assistir seus vídeos constantemente, grande abraço!
Oloko! Voltando nos proximos dias ;-)
Obrigado pelas palavras
Sei que o vídeo é antigo, porém apenas gostaria de falar que adoro seus vídeos, estou pagando alguns cursinhos online e sinceramente, não ensinam tão bem quanto você, continua com esse excelente trabalho irmão, torço pelo seu sucesso...
Obrigado pelas palavras! Achei legal a comparação com a Alura, porque eu aprendi a dar aula na Caelum que é a empresa que criou a Alura. Talvez você não conheça a Caelum, nela eu dei aula por quase 5 anos de FrontEnd, PHP, Node e UX, a diferença da Alura é que ela é presencial ;-)
Sucesso bom estudos, se tiver dúvida só mandar que a comunidade está aí para te ajudar, temos esses canais:
Discord: bit.ly/discord-collabcode
Telegram: bit.ly/telegram-collabcode
ola, nesse video vc comentou que faria um video sobre contexto, procurei esse video mas nao achei. Seria legal pq vc explica mto bem, se der grava esse video please. obrigadaa
Parabéns pelo conteúdo,agora sim. vou parar de chutar ! kkkkk
show, estou consertando tudo que fiz nestes chute. Parabéns pela disposição
Por nada. :-)
show marco, video antigo mas me ajudou muito vlw
Aí sim! Fico feliz em ter ajudado!
Cara parabéns pela didática... vc explica muito bem! Continue por favor.. abraços e sucesso!
Obrigado Fhelipe. Estou continuando minha ideia é fazer 3 posts por semana (segunda, quarta e sexta). ;-)
Mds nessa época vc tinha 344 inscritos, hoje já esta quase 26k. Só evolução, sucesso demais, você ajuda dms a gente.
Oi tudo bom? Seus videos são bem didáticos, me ajudaram bastante, Obrigada :D
Muito boa a aula! Parabéns.
Obrigado 😃
O brabo 🔥
Valeu!
Mto fd# essas aulas! Obrigado!!!
Obrigado! Fico feliz em trocar conhecimento :)
Que aula boa.
Ótimo video, muito boa a explicação. Como de costume, conseguiu tirar minhas duvidas sobre position kkkkk. Parabéns!
Você ensina muito bem! Valeu
Eu pagaria por um curso completo assim, com todas as propriedades do CSS, parabéns! PS: Se já houver um curso, por favor me mande o link.
Tem sim a segunda turma começa em fevereiro, pra receber novidades da próxima turma só você se cadastrar no site dofrontaoend.collabcode.training
Seus vídeos são top. Obrigado.
top a didática!!
Depois de 84 anos, finalmente entendi claramente position relative! ;)
84 anos? você parece jovem.
Muito bom Marco, estou começando agora com html/css e seus videos sobre Position, Float e display ajudaram muito. Apesar de ver que faz tempo que você não posta vídeos voltado pro assunto CSS, vou deixar duas sugestões: Flex/Grid
Abraços e obrigado
Muito bom seu material
muito bom seus videos...otima didática!
Muito bom, obrigado mesmo. Essa é uma otima série!
Por nada, Vanderson. Legal que esteja gostando, amanhã sai mais um vídeo =)
boa aula, tks
Vakeusss
Muito bem! me ajudou muito , valeu!
Simples e direito!
Muito boa didática, parabéns!
Fico feliz que tenha gostado ;-)
Muito top sua explicação! continue postando por favor!!
MUITO BOM MESMO!!!
Excelente!
Caramba! Fico muito feliz que tenha gostado, moço lindo
KKKKKKK, a analogia do Fred eu nunca vou esquecer.
Cara, eu adoro esses títulos, me identifico demais kkkk... Então, lembro que alguns anos atrás comecei a ver um curso seu de JS na Alura e mano, sinceramente não gostei. Não pelo o conteúdo mas sim porque vc falava muito rápido eu não conseguia acompanhar direito e no final acabava ficando cansativo. Mas agora, acho sua aula perfeita! Explicação muito clara e de alguma forma prende a gente a assistir a aula e querer mais depois kkk... Parabéns! Se vier a lançar algum curso de forma independente em breve com certeza irei querer adquirir se me interessar.
Olá, Thiago. Desculpa pelo vídeo na Alura, na época eu assistia os vídeos 2x e achei que tinha que falar na mesma velocidade, aabei fazendo isso sem perceber :-)
Hoje eu realmente tento falar de forma mais pausado, dado que se a pessoa que estiver assistindo achar lendo basta ele mudar pra 1.5 ou até 2x. Também tá pra diminuir a velocidade do vídeo pra 0.5x mas fica muito ruim de ouvir. Desculpa novamente ter feito você assistir um vídeo tão ruim na Alura, a próxima vez que eu for gravar pra Alura vou falar com calma igual estou falando nos vídeos do CollabCode.
Que isso Bruno, precisa se desculpar não kkkk, tamo junto! Seu canal aqui tá muito bom, sem duvidas um dos melhores que já vi, explicações muito claras como disse antes. No mais sucesso aí e que continue fazendo os vídeos... Abraço!
Obrigado pelo apoio :-)
haha , eu sou daqueles que vejo 1.5x a 2x. , esses seus videos aqui só vejo a no minimo 1.5x , ai vai de costume de cada um
Seu trabalho é sensacional. Você deveria transformar o seu conteúdo em um curso da Udemy.
O proposta é ser free que quero sempre manter assim!
mais um inscrito.
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk Fred é foda!!!!!
Kkkkk
Bom demaiss :)
ótimo vídeo
Achei!! Tipo o Fred em 2014 Hehe. Parabéns novamente.
sushushasuhsa....essa piada um dia não vai mais valer :-)
Mano, eu tava numa dificuldade da porra de ajustar meu e eu consegui resolver com a miseria do relative. kkkkk
Obrigado pelo conteúdo!
kkkk feliz em contribuir :-)
muito obg
Pelo o que eu entendi, o Contexto_do_Navegador seria o mesmo que uma folha de papel na horizontal, e caso você adicione uma propriedade CSS como: float ou position ele cria um Novo_Contexto, que seria uma outra folha de papel. Assim o novo_contexto ficara sobre o Contexto_do_Navegador.
é que nem uma impressora, ela imprimiu numa folha o quadrado roxo, e depois imprimiu outra folha com o quadrado vermelho e a folha do vermelho cai em cima da primeira folha.
show. eu te vi no grupo de um facebook. então, ja que o roxo foi para baixo a posicao da onde ele foi criado no caso acima fica presente ne? foi isso que entendi na explicação seguinte do video
É por aí mesmo
Oi, Marco Bruno. Para a propriedade z-index funcionar, tem que ser relative também ?? Hoje é dia 15-jan-2022.
Se criar um curso eu sou o primeiro a comprar!
Position: static;
= Tipo fred na copa de 2014. kkkkkkkk
Finalmente aprendi essa bagaça.
Oi, Marco Bruno. Parabens pelo video. Vc pode, por favor, me tirar uma duvida ? Em reset.css, quando seria border:none e quando seria border:0 ?? Segunda duvida: Pq vc botou a color em letras maiusculas ? Terceira duvida: Em position.js, em this.classList.toggie, seria elementExample... o que ? Estaria escrito "Active" ?? Obrigado. Hoje é dia 8-jan-2022.
Legalllll
Valeu!!!
Marco, por quê você usa sempre class e não id? tem algum vídeo seu sobre esse assunto? abraço!
Não tenho nenhum vídeo, mas no curso de FrontEnd que darei ao vivo nessa semana eu explicarei, fica o convite para você aparecer. O convite está nesse vídeo: ua-cam.com/video/c__EPOqUs70/v-deo.html
Esse post sobre o contexto que foi mencionado no final, foi feito??
Good Stuff, thanks :D
Bom dia! Não encontrei os códigos no GitHub ... como faço para obtê-lo? Obrigada
Vai ter de display flex nessa playlist?
Vou sim. Só preciso de tempo mesmo :-)
Oi, Marco Bruno. O meu não está funcionando. O que eu faço ? Hoje é dia 16-jan-2022, domingo.
por que line-height de 200 px fica exatamento no meio de o bloco tem 200 px? Não deveria ser 100?
também tenho essa dúvida, acho que tem algo a ver com o width e height serem 200px e a soma ser 400px
Oi, Marco Bruno. Vamos supor que eu quisesse fazer 5 divs. Cada uma com um menu diferente. Cada uma das 5 divs teria que ter uma div interna para ser o menu ? E ai, na parte de cima de cada div, o usuario clica para mudar de div, que seria para ir para o segundo menu. É possivel ? Hoje é dia 12-jan-2022, quarta.
Olá Marco, só devo usar a tag "top" quando for tratar de posicionamento relativo ou ela serve pra tratar outro tipo de coisa no CSS?
Ótimo vídeo, fico no aguardo dos vídeos sobre Javascript, abraço!
Olá Rafael. As propriedades top, left, right e bottom podem ser usados uma vez que o valor de position for diferente de static
Position relative, mas é relativo ao que? Ao body? A outra div? Ou ao que?
A posição que o navegador define para o elemento em si
Isto! Escreve sobre o contexto! Eu meio que traduzo para camada. Mas se fosse camada teria z-index não?
fala Bruno blz? to acompanhando essa playlist aqui e fiquei com uma dúvida.
Por que o line-height faz o texto centralizar na div tanto na largura como na altura?
Achei estranho, tipo se eu tirar essa propriedade o texto continua centralizado mas ele vai pro topo da div.
Cara, o texto é centralizado horizontalmente com o comando 'text-align:center' . E o line-height (altura da linha) é para somente centralizar verticalmente, por isso que quando você a tira, o texto continua centralizado horizontalmente pois o Bruno usou 'text-align: center' tbm. Abraço
Por que se eu colocar top: 10px; e na sequencia bottom: 10px; ele nao se "anula" e na verdade apenas a top: 10px; funciona??
O comportamento que eu tava esperando é que se anularia, ou então que apenas a ultima propriedade seria aplicada (bottom: 10px)