OS TIPOS DE DISPLAY DOS ELEMENTOS - HTML E CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ธ.ค. 2021
  • Entender os tipos de display que cada tag HTML possui é essencial para a criação dos sites, para poder alinha e montar toda a estrutura da sua página.
    Nesse vídeo vou te mostrar de forma fácil e rápida os display block, inline e inline-block, entender isso é muito importante para o entendimento do flexbox. Com o flexbox nós conseguiremos construir praticamente qualquer web site.

ความคิดเห็น • 67

  • @eduardojavascript
    @eduardojavascript  2 ปีที่แล้ว +21

    Se gostou, deixe seu like pra me motivar a continuar trazendo vídeo, se inscreva no canal e ative o sininho da notificação pra receber os próximos vídeos. Valeu!! 😜👍

    • @JoseAugusto-ht4pz
      @JoseAugusto-ht4pz 4 หลายเดือนก่อน +1

      Incrivelmente super boa explicação e muito bom conteúdo, mais um inscrito....

  • @agentz1621
    @agentz1621 24 วันที่ผ่านมา +1

    irmão você é uma benção de Deus, eu pedi uma aula não um pai, tu nasceu para ser professor, tu é incrível, uma lenda, você faz o impossível, sem comentários, perfeito, bendito seja Eduardo Mota para sempre, simpático demais, um mito, apenas.

  • @thiagoltltur
    @thiagoltltur 3 หลายเดือนก่อน +8

    Vi 3 absurdos nesse vídeo! 1º a didática absurda que esse cara tem. 2º o fato dele não ter um curso completo para vender, venderia fácil. 3º o fato dele não ter milhões de inscritos. Uma pena que o vídeo acabou

  • @Klcb.brasil
    @Klcb.brasil หลายเดือนก่อน +2

    Essa aula não poderia ser melhor! Esse cara tem o dom de ensinar.

  • @brunooliveira3329
    @brunooliveira3329 2 ปีที่แล้ว +19

    Explicação simplesmente INCRÍVEL, qualquer pessoa entenderia uma didática assim, parabéns e continue com os conteúdos!!

  • @rebecaalves-oo9oh
    @rebecaalves-oo9oh 3 หลายเดือนก่อน +2

    Explicação fácil e didática, e até melhor que meu professor de Web da Faculdade! Sucesso no seu canal!

  • @Velton_
    @Velton_ หลายเดือนก่อน +1

    Infelizmente o cara parou o canal e já fui procurar sobre position. Pow tu manja dos paranaues mano

  • @raidi9568
    @raidi9568 2 ปีที่แล้ว +5

    A melhor explicação pra quem está batendo a cabeça com os elementos! Tu é fera cara! Ótima didática. Parabéns pelo conteúdo

  • @cavalostudosobrecavalos
    @cavalostudosobrecavalos 11 หลายเดือนก่อน +1

    Deus te abençoe irmão. Tem curso pago que não fornece o tanto de conteúdo que você forneceu nesse vídeo.

  • @eldernascimentodocarmo421
    @eldernascimentodocarmo421 8 หลายเดือนก่อน +1

    Muito obrigado, depois de assistir 200 vídeos só agora consegui entender!

  • @paralamadefusca
    @paralamadefusca 5 หลายเดือนก่อน +1

    Ótima explicação, muito obrigado pela explicação, estava há dias sem entender e você com maestria conseguiu mudar tudo.
    Parabéns!

  • @raphaelrp4718
    @raphaelrp4718 2 หลายเดือนก่อน

    Excelente explicacao! Ganhou um inscrito.

  • @CDTARSO
    @CDTARSO 10 หลายเดือนก่อน +1

    Muito bom
    Gostei 👏
    Usando o display flex faz as tags manipular somente o que está dentro delas.
    Mas o display inline-block as deixa mais independentes

  • @Danieltutoriaishabbo
    @Danieltutoriaishabbo 2 ปีที่แล้ว +8

    você é um ótimo professor!

  • @user-sg9jo2cq7m
    @user-sg9jo2cq7m ปีที่แล้ว +3

    bom que parece que ele tá explicando para uma mula.
    agradeço muito por isso, sou uma! ♥

  • @gustavocarvalho6667
    @gustavocarvalho6667 8 หลายเดือนก่อน +2

    Se possivel, faz uns passo a passo de landpages do 0 para iniciantes... Vc explica muito bem

  • @Lima_1977
    @Lima_1977 3 หลายเดือนก่อน

    Caramba Man tu explica mto ganhou e seguidor

  • @evertonfonseca6017
    @evertonfonseca6017 ปีที่แล้ว +1

    Muito obrigado pelo vídeo Eduardo!

  • @opobrecinetv
    @opobrecinetv 2 ปีที่แล้ว +1

    Mano você explica muito bem mds, já fiz vários cursos. Sei algumas coisas, mais você é o melhor que já vi, continua por favor

  • @matheuscruz9865
    @matheuscruz9865 9 หลายเดือนก่อน +2

    Valeu mano! muito boa explicação

  • @marcosbriseno9246
    @marcosbriseno9246 4 หลายเดือนก่อน

    Ótimo meu caro. Parabéns pela explicação.

  • @PauloCesar-zi9kq
    @PauloCesar-zi9kq ปีที่แล้ว

    Meus Parabéns Eduardo, excelente vídeo... show

  • @marcelocarmo2905
    @marcelocarmo2905 ปีที่แล้ว

    Parabéns, você ensina muito bem! 👏👏👏👏

  • @thiagomonteiromarques285
    @thiagomonteiromarques285 ปีที่แล้ว +1

    Muito obrigado. Excelente explicação!

  • @ganharmoneytododia
    @ganharmoneytododia ปีที่แล้ว +1

    Voltar fazer vídeo me um AMigo tu e muito bom

  • @guilhermecarvalho1167
    @guilhermecarvalho1167 ปีที่แล้ว +1

    Parabéns pela explicação.

  • @goalsproductions7755
    @goalsproductions7755 ปีที่แล้ว

    Obrigado pelo vídeo!

  • @Junin-Speedcuber
    @Junin-Speedcuber ปีที่แล้ว +1

    Que Vídeo hein mano, parabéns e obrigdo

  • @ismaelsantos1231
    @ismaelsantos1231 2 ปีที่แล้ว

    Cara, excelente conteúdo!!

  • @waldirjunior1414
    @waldirjunior1414 ปีที่แล้ว +1

    Excelente explicação. Show

  • @erickqueiroz799
    @erickqueiroz799 2 หลายเดือนก่อน

    Explica muito bem, parabéns!!!!!!

  • @FernandoGomes-dg1po
    @FernandoGomes-dg1po 4 หลายเดือนก่อน

    Show de explicação. Parabéns!

  • @henriquebreuel2428
    @henriquebreuel2428 ปีที่แล้ว +1

    Muito bom, sucesso!

  • @LuanSilva-xx3yg
    @LuanSilva-xx3yg 2 ปีที่แล้ว +1

    SENSACIONAL

  • @sullivandsgn
    @sullivandsgn ปีที่แล้ว

    Didática muito boa, obrigado pelo conteúdo. ❤️

  • @suelenmagalhaes8413
    @suelenmagalhaes8413 ปีที่แล้ว

    Maravilha, ótima explicação.

  • @Rod689092
    @Rod689092 ปีที่แล้ว

    Sensacional entendi bem melhor agora!! Parabéns!!

  • @gabrielsilva4938
    @gabrielsilva4938 2 ปีที่แล้ว

    Continue por favor, suas aulas são bem fáceis de entender e vem me ajudar muito !!

  • @gustavocarvalho6667
    @gustavocarvalho6667 8 หลายเดือนก่อน

    Otima aula. Obrigado novamente 👍

  • @eliasalves7463
    @eliasalves7463 2 ปีที่แล้ว

    Didática muito boa. Parabéns!

  • @murilojunior5557
    @murilojunior5557 2 ปีที่แล้ว

    Meu amigo vc me salvou, obrigado. Deus abençoe!

  • @jorgelyra987
    @jorgelyra987 2 ปีที่แล้ว

    Obrigado pelo conteudo. Muito bom mesmo!

  • @A871987A87
    @A871987A87 2 ปีที่แล้ว

    Obrigado , hoje nessa sua aula compreendi o que realmente significa essas duas propriedade, agora sim vai fica mais fácil.

  • @Baaaankai
    @Baaaankai 2 ปีที่แล้ว

    Gostei muito do conteúdo ensinado e os exemplos aplicados, parabéns pelo vídeo.

  • @acelinoguilherme6837
    @acelinoguilherme6837 2 ปีที่แล้ว

    show mano, esclareceu muita coisa aqui, valeu mesmo hehe

  • @danteszinhos2349
    @danteszinhos2349 ปีที่แล้ว

    Cara Parabens você explica mt bemm 💯💯💯

  • @leonardocunha2975
    @leonardocunha2975 ปีที่แล้ว +1

    excelente aula

  • @joaofelipearaujo6339
    @joaofelipearaujo6339 ปีที่แล้ว

    Muito bom!!

  •  ปีที่แล้ว

    Finalmente entendi. Agora tudo faz sentido.😮

  • @laitongarcia3065
    @laitongarcia3065 ปีที่แล้ว

    Muito bem explicado

  • @felipeitachi9749
    @felipeitachi9749 2 ปีที่แล้ว

    Eu gostei muito do canal ...

  • @GameClubJr
    @GameClubJr 2 ปีที่แล้ว

    Show de bola

  • @brunosuperman
    @brunosuperman 11 หลายเดือนก่อน

    Obrigado!

  • @felipeitachi9749
    @felipeitachi9749 2 ปีที่แล้ว

    Parabéns

  • @clebsondantas404
    @clebsondantas404 ปีที่แล้ว

    PUTA MERDA, que tutorial fascinante!

  • @DigoOqPenso
    @DigoOqPenso 11 หลายเดือนก่อน +1

    Enfim, entendi.
    Obrigado.

  • @landev_
    @landev_ 10 หลายเดือนก่อน

    muito obrigado, isso me deu outra visão sobre isso, agr e se eu coloca uma div container, que seria a tag pai e dentro dela display inline ?

  • @Augustto366
    @Augustto366 9 หลายเดือนก่อน

    Ótima explicação! Estou com uma dúvida, qual seria a utilidade do "Inline-block"? Não seria mais fácil usar "row" e ir modificando o tamanho?

  • @felipeitachi9749
    @felipeitachi9749 2 ปีที่แล้ว

    Beleza

  • @RafaelOliveira-ry8wx
    @RafaelOliveira-ry8wx 2 ปีที่แล้ว

    Fale sobre o display flex

  • @douglasmatos2134
    @douglasmatos2134 ปีที่แล้ว

    Sou iniciante, achei interessante o video pq eu não tinha noção do display inline e block. Para organizar eu coloco todos os elementos em uma section e depois coloco a section como display flex, assim todos os elementos ou divs dentro da section passam a ficar um do lado do outro, ai posso usar as tags do display flex para posicionar no centro ou colocar em ordem de colunas ou ate mesmo definindo margins e peedins... não sei se estou fazendo errado ou de modo inificiente mas funciona normal. Comenta ai como vcs fazem!

    • @DanielSantosOliveiradso
      @DanielSantosOliveiradso 6 หลายเดือนก่อน +1

      Display flex e grid são tecnologias mais recentes do CSS, que tem muito mais recurso pra ser responsivo, já que vc tem uma largura variável em diversas situações, tanto inline e block é muito dependente do tamanho que vc configura, oi seja se precisar de alterar algo tu tem que ir nos elementos um por um e redefinir.

  • @thiagonascimento7918
    @thiagonascimento7918 2 ปีที่แล้ว

    Mano, eu consigo definir largura e altura para os botões.

  • @yanguiuimaranhes8971
    @yanguiuimaranhes8971 ปีที่แล้ว

    Em questão da imagem seria inline block? Pq da pra definir um padrão de largura

  • @RuanHigor
    @RuanHigor 7 หลายเดือนก่อน

    na verdade o input e o button são inline block por padrão