Curso CSS Completo: Aula 14 - Propriedade Display

[@gabrielpessanha8328]

Professor sinceramente embora seja algo que eu aspirava desde bem pequeno era me tornar desenvolvedor/programador mas com as aulas que eu assistia nunca tive muito interesse então nunca ia tão pra frente, mas agora assistindo suas aulas cada vez mais fico interessado e queria agradecer por isso e pelas suas aulas muito obrigado mesmo!!

[@programacaoweb]

Que bom Gabriel. Fiquei feliz com teu comentário! Grande abraço!

[@FlameWrWpTx]

O display inline me ajudou muito, sempre eu colocava height e width em elementos inline e não funcionava, mas graças a sua aula aprendi que para isso funcionar é preciso do display inline-block, obrigado!!

[@Vinicius.dos.santos]

Caraaaai vei, nuuuuunca ia pra frente, SEmpre me pegou isso, quero que esse texto centraliza, e nada, ai vem o professor e me fala quer era só mudar o tipo de display kkkkkkk, valeu mesmo professor, nem o chatgpt, me ajudava nisso kkkkkkk

[@Etuza_informatica]

Isso não é um professor, é um pai! Excelente aula meu amigo, que conteúdo bom. Eu estava tendo bastante dificuldade em organizar minhas tags no meu site e agora eu entendi o pq. Muito obrigado!

[@programacaoweb]

Display é meio difícil de entender de primeira né? Mas não esquenta, mais para frente vamos ver aplicações práticas. Forte abraço! :)

[@anderson6863]

Já assisti várias aulas mas não tinha entendido esse conceito. E agora entendi muito bem porque essa tag existe kkkkkk Muito obrigado por gravar este vídeo, você é fera !!

[@programacaoweb]

Muito obrigado Anderson! Abraço!

[@naillathdev]

Perdi a minha contagem que estava fazendo na missão de me tornar uma lenda no CSS kkkkkkkk Mas não perdi o meu foco em aprender e com o meu comprometimento! Terceira que vejo essa aula! Por que tava dificil? Pelo contrário, uma aula muito gostosa e descontraída, simplesmente porque a correria ontem foi grande e baixei ela pra assistir enquanto tava indo e vindo do trabalho e agora mais uma vez com mais calma sem ruídos externos! Deu uma boa clareada com essa aula, realmente já teve vezes que tentei colocar propriedades de largura e altura e não pegava kkk e o motivo era esse, tava em display "inline", sendo que só adapta ao "block" e em casa de passar para o "inline", temos ai o nosso amigo "inline-block", fora que o "none" dar aplicar umas pegadinhas, do tipo uma mensagem para ampliar e coisa do tipo e quando passar por cima ocultar o conteúdo, aula TOP como sempre, professor Dimitri! Grato demais por todo conhecimento que tenho adquirido sob sua orientação !

[@VictorHugo-se4ex]

Meu Deus!! Professor você é fera dmsssss De primeira aprendi isso, e realmente, tinha vezes que estava fazendo um site e alguns elementos não obedeciam, mas após isso minha mente abriu demais Atualmente estou cursando Sistemas de Informação, sempre querendo aprender mais porque na faculdade é pouco tempo para abranger tudo você é fera

[@oedgarcastro]

Cara, muito obrigado! Esclareceu demais com essa aula! Só agradeço.

[@rayenalmeida]

A didática desse professor é excelente. Me salvou.

[@programacaoweb]

Muito obrigado Rayen. Abraço!

[@skmburito]

Para min essa aula de Display e a aula mas importante de todo estudante de CSS.. Aula maravilhosa meu amigo!!! da uma perspectiva bem clara.

Essa dica final foi exatamente o que passei, e tive que fazer um monte de gambiarra pra funcionar.

[@lucasgorzizadasilva540]

Nossa, essa aula foi difícil haha fiquei uma hora e quarenta e cinco minutos até terminar, no final foi, eu acho. Agradecido.

[@programacaoweb]

Valeu Lucas. Abraço!

[@antoniobruno7928]

Fica tranquilo professor eu entendi bem essa aula, achei tranquilo. Obrigado pelos excelentes conteúdos. Seria interessante trazer as linguagens Swift e Kotlin 🎉

[@CezarXGameR]

show o vídeo, tá me ajudando muito, vou comentar em todos os vídeos como forma de agradecimento.

[@debora_dourado]

Nossa que didática top cara. Muito top

[@niveafernandes5978]

Aula incrível! Aprendi muito. Muito obrigada! Inclusive, estava cometendo esse erro de iniciante de tentar tratar como display block um elemento que tinha display inline. Quebrei a cabeça com isso, mas agora, não errarei mais! Obrigada mesmo!!

[@programacaoweb]

Que bom Nivea. Espero que esteja te ajudando! Um forte abraço!

[@Yuu_Yur1]

Primeira vez que tenho dificuldade em entender uma aula sua,eu vou ter que assitir mais algumas vezes para entender,mas mesmo assim,otima aula professor!

[@sadicainsana]

Fácil fácil com sua explicação

[@sebastiao4130]

melhor explicação ate agora mas e dificil para quem ta aprendendo!

[@andre_dias25]

Excelente aula Professor, já apanhei muito por causa dessa questão do inline e do inline-block

[@programacaoweb]

Sim, display é uma propriedade do CSS que maior parte dos programadores tem dificuldade. Que bom que ajudou. Grande abraço!

[@alinecardoso8100]

Aula incrívél ,muito obrigada 🙂é ótimo finalmente entender os tipos de display .

[@Mk.mkinho]

Fiquei um tempo tentando colocar um botão afastado de um paragrafo, e a resposta veio nessa aula. Obrigado

[@Everaldobass]

Excelente conteúdo Propriedade Display

[@programacaoweb]

Muito obrigado Everaldo!

[@AndersonSantos-ur4nf]

Parabéns, muito didático e útil esse conteúdo. Ótimo esclarecimento sobre o display: inline-block. Certeza que é a duvida de muitas pessoas iniciantes.

[@programacaoweb]

Valeu Anderson! :)

[@brendo6746]

otima explicação muito boa mesmo Professor top o melhor que ja vi parabens

[@programacaoweb]

Opa, que bom que gostou! Fico muito feliz :)

[@faobi]

Você é um ótimo professor!!!

[@programacaoweb]

Muito obrigado FaObio! Forte abraço!

[@gianguitarrista]

Muito bom o conteúdo e sua didática. Sempre fui muito ruim no front e estou tentando aprender com calma agora. Suas aulas estão sendo maravilhosas. Muito obrigado pelo conteúdo e parabéns pela qualidade!

[@programacaoweb]

Muito obrigado Gian. Fico muito feliz que está te ajudando. Grande abraço!

[@michelpereiradasilva8360]

Admirável sua paciência em explicar quantas vezes for possível para fixar o conteúdo! Obrigado por mais uma aula incrível!

[@amumu2760]

aleluia eu tava colocando os conteudos em pratica de html e o css até aula passada, eu tava agoniado pq as coisas nao ficavam do jeito que eu queria.

[@gabaritando_enfermagem7402]

Fundamental essa aula.

[@gabrielniick]

que aula maravilhosa, muito obrigado professor !

[@programacaoweb]

Valeu Gabriel. Abraço!

[@espartano_rj]

Mestre, tu se supera a cada vídeo. Misericórdia, tu tem o DOM!!

[@programacaoweb]

Obrigado 👍 Abraço!

[@anajuliaduarte351]

você merece mais do que 1,4k likes

[@programacaoweb]

Muito obrigado Ana! Abraço

[@emanuellyfernandes1]

que aula top, tá me ajudando muito... Obrigada

[@programacaoweb]

Que bom que gostou Emanuelly 😁. Forte abraço!

[@gasparfranciscoti-bonitoci7130]

Pela primeira vez entendo display. Obrigado.

[@programacaoweb]

Valeu Gaspar. Forte abraço!

[@Matheusdevlopes]

adorei mano, aprendi o conceito, e assim consegui etender finalmente como fazer a div em box flexivel. um simples comando de display:flexbox; simples... mano obrigado.

[@mdsrafa]

Essa dica do final foi ótima !

[@programacaoweb]

Que bom que te ajudou Rafael! Grande abraço!

[@beatriztsnre2989]

Aula excelente, mestre. Excelente

[@programacaoweb]

Obrigado Beatriz! Um forte abraço!

[@cortessemfronteiras2024]

Esta aula merece meus 500 likes.

[@mauricioreguete466]

Aula sensacional...

[@lucasnascimento8209]

Muito bom! Ontem eu estava com a mesma dificuldade mostrada no vídeo,agora entendi!

[@programacaoweb]

Valeu Lucas. Abraço!

[@NataliaFournier-ss8xs]

Aula incrível, agora realmente consegui compreender a propriedade display! Muito obrigada.

[@programacaoweb]

Que bom Natália. Abraço!

[@brunotechinvest]

Mais uma aula concluida. Valeu professor.

[@shinGGakuma]

cara venho acompanhando seus cursos que conteúdo e didática sensacional parabéns !

[@programacaoweb]

Muito obrigado Brendon!

[@reginaldovieira3613]

Essa aula foi top professor. Quebrou uma crença que eu tinha quando fiz meu primeiro curso de CSS na Udemy. Achava que só dava para criar layouts usando o float. E mano, como eu batia cabeça tentando estilizar elementos do tipo inline. Ali eu chegava a pensar que programação não era pra mim. Batia o desgosto. Que bom que eu estava errado. Valeu professor!

[@programacaoweb]

Que bom que ajudou Reginaldo. Hoje em dia o CSS está cada vez mais completo e com mais recursos. Forte abraço!

[@nocivoox]

Caí de paraquedas nesse seu conteúdo de CSS e está sendo excelente pra mim! Sempre tive muita dificuldade com estilizações utilizando CSS nos projetinhos da faculdade(por isso sempre preferi ficar pela parte de back, hahaha) Mas agora estou compreendendo ao certo o porque eu tive tantas dores de cabeça para fazer estilizações tão simples :-) As diferenças entre display ficaram bem esclarecidas, obrigado!

[@programacaoweb]

Que bom que está te ajudando. Grande abraço!

[@aunelioribeiro1667]

Muitíssimo Obrigado!

[@MurilosilvaFX]

AULA MUITO ESPLICATIVA !

[@programacaoweb]

Muito obrigado Murilo! Abraço!

[@raidi9568]

Que aula Top! Seu jeito de explicar é bom demais. Parabéns pela forma como você ensina. Pois no meu curso foi bem mal explicado essa matéria. Eu como designer não entendi nada como isso funcionava. Hoje eu consegui. Vlw professor, quando estiver empregado pode ter certeza que vou te recompensar. Já estou indicando teu canal pra quem quer entar na área. Deus te recompense em dobro a sua dedicação

[@programacaoweb]

Muito obrigado Raidi. Sensacional seu comentário! 👏👏👏 Muito obrigado também por indicar o canal. Grande abraço!

[@danielmachado6750]

Eu passei tudo por isso, kkkk

[@juniordornelas4388]

Aula incrível!

[@programacaoweb]

Valeu Junior! :)

[@APPSLIDE42]

ótima didática

[@programacaoweb]

Obrigado! :)

[@ICARO7]

Vídeo fantástico, ótimo conteúdo! 😊✌️

[@programacaoweb]

Muito obrigado Icaro. Abraço! 🤜🤛

[@fagnerfernandes3537]

Esquece do display flex não professor rs... Obrigado pelas aulas.

[@programacaoweb]

Oi Fagner. Tem uma aula exclusiva para ele nesse curso, aula 27 👉kzbin.info/www/bejne/hIK3hmyeerinepo .Forte abraço!

[@saxvilao]

obrigado!! Parabéns.

[@programacaoweb]

Obrigado Menino Roberto! Abraço!

[@joseneto284]

Tenho essa reação quando o css não me obedece 😂😂😂😂😂😂😂😂😂😂

[@ap86boxplays]

Top

[@programacaoweb]

Valeu Jose 👍

[@Rick1135PvP]

Me ajudou demais entender de fato o que é um display, mas faltou falar sobre o display grid, não? Ou será citado mais a frente na playlist 'Curso de CSS Completo'?

[@programacaoweb]

Olá Rick. Não foi mencionado nesse curso o display grid. Apenas o flex. O grid farei um vídeo exclusivo futuramente. Abraço!

[@denisemoreira4761]

Ótima aula, como todas até aqui! Fiquei com uma dúvida: Como saber quando se usa o ponto antes de uma palavra dentro do CSS? Exemplo: a palavra ".borda" tem o ponto, já a palavra "p" não tem ponto. Estava colocando o ponto e demorei para perceber o erro. Agradeço desde já!

[@programacaoweb]

Oi Denise. Quando você coloca ".algumacoisa" você esta criando uma classe, um conjunto de regras CSS que vão ser aplicadas na tag HTML que você colocar o atributo class="algumacoisa". Ja quando você passa apenas um seletor de tag simples, por exemplo "p", você esta dizendo pro CSS que quer que as propriedades CSS sejam aplicadase em todos os parágrafos (tag p do HTML). Te sugiro assistir novamente a aula 04 de Seletores e Classes pra entender bem esse ponto. É bem importante. Abraço!

[@drycon552]

Fala amigo, eu sei que não tá na hora de eu aprender isso mais meu amigo tava me perguntando se o curso vai ensinar flexbox e css GRID, eu não faço ideia do que seja cada um mais vi que o penúltimo vídeo e sobre flexbox e sobre o vdd GRID, vai ensinar? Pois meu AMG disse que ele e MT importante

[@programacaoweb]

Oi Drycon. Não tem aulas de grid neste curso. Futuramente teremos videos especificos no canal. Foi dado mais destaque ao flexbox por ser mais usado e mais simples para iniciantes. Forte abraco!

[@drycon552]

@@programacaoweb Entendi, mais não se preocupa não pois seus cursos e sensacional demais

[@juanfleury]

Por que usando a propriedade display: inline-block com width: 33% com 3 elementos, chega uma hora que ele pula a linha (mesmo todo o conteúdo ainda tendo espaço para caber em uma linha só)? Pensei que ele iria redimensionar até o conteúdo não ter mais espaço, e então pular a linha.

[@programacaoweb]

Quando você usa a propriedade display: inline-block em elementos, esses elementos são tratados como elementos inline, o que significa que eles ocupam apenas o espaço necessário para seu conteúdo e não ocupam toda a largura da linha. No entanto, eles ainda se comportam como elementos de bloco no sentido de que eles respeitam as propriedades de largura e altura. Quando você define a largura de um elemento com inline-block como 33%, ele tentará ocupar 1/3 da largura da linha pai. No entanto, essa largura pode ser afetada por outros elementos da linha, como espaçamentos (paddings e margins). Em geral, navegadores possuem espaçamento extra padrão entre elementos inline-block que podem fazer com que esses elementos não se encaixem na mesma linha, mesmo que haja espaço suficiente. Isso ocorre porque o espaço entre os elementos é considerado como espaço de texto e, como tal, ocupa uma parte da largura da linha. Isso quebra a linha. Você pode tentar fazer um pouco menor, tipo 32.5% para tentar evitar essa quebra. Mas o melhor jeito de não ter esse problema é usar o display do tipo flex, que é explicado na aula 27 desse curso. Espero que tenha dado para entender. Forte abraço!

[@juanfleury]

@@programacaoweb Eu estava pensando em padding e margin também, muito obrigado.

[@naosenruguecourovelho]

quando coloco a tag style detalhada eu consigo editar mas se coloco a tag class não consigo

[@MateusHenrique-ch1tw]

Professor, estou com uma duvida Com umas pesquisar por fora enquanto ainda assisto as aulas, eu me deparei com o flexbox Quando eu sei a hora de usar flex e o inline?

[@programacaoweb]

Oi Mateus. A aula 27 desse curso vai tratar só de flexbox. Geralmente usamos flexbox pra tudo hoje em dia. Mas talvez você precise de outro display em algumas circunstâncias, por isso importância de saber o que cada tipo de display faz, para usar conforme a necessidade. Abraço!

[@MateusHenrique-ch1tw]

@@programacaoweb thanks, vou aguardar chegar nessa parte, pq estou com várias duvidas com muitas coisas no css e html em relação ao flexbox kk

[@isaacdiasperissato9173]

salve,mano qual extensao vc usa pra deixar as tags organizadas automaticamente?

[@programacaoweb]

Oi Isaac. Assiste esse vídeo que tem todas as configurações do VS Code que eu uso 👉 kzbin.info/www/bejne/mWWYn4OMrLKJsLM .Forte abraço!

[@naosenruguecourovelho]

a tag class não funciona, só está funcionando a tag styli ai eu consigo editar o border,aalguém sabe dizer o q pode ser

[@benmoraes5511]

17:00

[@benmoraes5511]

27:51

[@joseaugustojose4774]

28:32 raps css trolou mesmo kakakakaka.

[@benmoraes5511]

7:33

[@benmoraes5511]

7:09

[@benmoraes5511]

16:11

[@renatadosanjos6512]

Agr entendi o pq as vezes o código não vai 🤭

[@JeffersonDeveloper]

😀

[@naosenruguecourovelho]

Assisti mais de mil vezes e não consigo fazeer funcionar o elemento .borda no h1 e no p

[@Tony_Cataldo]

parece até uma magica KKKKKKKKKKK

[@DavizeraBr2008]

entendi + ou - ksksks

[@DevSttrong]

parece eu kkk uee nao deu certo kkkkk