OS TIPOS DE DISPLAY DOS ELEMENTOS - HTML E CSS

Поделиться
HTML-код
  • Опубликовано: 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.

Комментарии • 65

  • @eduardojavascript
    @eduardojavascript  2 года назад +20

    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 3 месяца назад +1

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

  • @Klcb.brasil
    @Klcb.brasil 15 дней назад

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

  • @thiagoltltur
    @thiagoltltur 2 месяца назад +7

    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

  • @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 2 месяца назад +1

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

  • @raidi9568
    @raidi9568 Год назад +4

    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

  • @erickqueiroz799
    @erickqueiroz799 Месяц назад

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

  • @raphaelrp4718
    @raphaelrp4718 Месяц назад

    Excelente explicacao! Ganhou um inscrito.

  • @paralamadefusca
    @paralamadefusca 3 месяца назад +1

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

  • @matheuscruz9865
    @matheuscruz9865 8 месяцев назад +1

    Valeu mano! muito boa explicação

  • @eldernascimentodocarmo421
    @eldernascimentodocarmo421 7 месяцев назад +1

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

  • @CDTARSO
    @CDTARSO 8 месяцев назад +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

  • @gustavocarvalho6667
    @gustavocarvalho6667 7 месяцев назад +2

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

  • @Danieltutoriaishabbo
    @Danieltutoriaishabbo 2 года назад +8

    você é um ótimo professor!

  • @Lima_1977
    @Lima_1977 2 месяца назад

    Caramba Man tu explica mto ganhou e seguidor

  • @cavalostudosobrecavalos
    @cavalostudosobrecavalos 10 месяцев назад +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.

  • @user-sg9jo2cq7m
    @user-sg9jo2cq7m Год назад +2

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

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

  • @gabrielsilva4938
    @gabrielsilva4938 2 года назад

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

  • @murilojunior5557
    @murilojunior5557 2 года назад

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

  • @thiagomonteiromarques285
    @thiagomonteiromarques285 Год назад +1

    Muito obrigado. Excelente explicação!

  • @sullivandsgn
    @sullivandsgn Год назад

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

  • @laitongarcia3065
    @laitongarcia3065 Год назад

    Muito bem explicado

  • @A871987A87
    @A871987A87 2 года назад

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

  • @jorgelyra987
    @jorgelyra987 2 года назад

    Obrigado pelo conteudo. Muito bom mesmo!

  • @suelenmagalhaes8413
    @suelenmagalhaes8413 Год назад

    Maravilha, ótima explicação.

  • @evertonfonseca6017
    @evertonfonseca6017 Год назад +1

    Muito obrigado pelo vídeo Eduardo!

  • @Baaaankai
    @Baaaankai 2 года назад

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

  • @ismaelsantos1231
    @ismaelsantos1231 2 года назад

    Cara, excelente conteúdo!!

  • @henriquebreuel2428
    @henriquebreuel2428 Год назад +1

    Muito bom, sucesso!

  • @waldirjunior1414
    @waldirjunior1414 Год назад +1

    Excelente explicação. Show

  • @FernandoGomes-dg1po
    @FernandoGomes-dg1po 2 месяца назад

    Show de explicação. Parabéns!

  • @marcosbriseno9246
    @marcosbriseno9246 3 месяца назад

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

  • @eliasalves7463
    @eliasalves7463 2 года назад

    Didática muito boa. Parabéns!

  • @goalsproductions7755
    @goalsproductions7755 Год назад

    Obrigado pelo vídeo!

  • @guilhermecarvalho1167
    @guilhermecarvalho1167 Год назад +1

    Parabéns pela explicação.

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

    Otima aula. Obrigado novamente 👍

  • @PauloCesar-zi9kq
    @PauloCesar-zi9kq Год назад

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

  • @acelinoguilherme6837
    @acelinoguilherme6837 Год назад

    show mano, esclareceu muita coisa aqui, valeu mesmo hehe

  • @Rod689092
    @Rod689092 Год назад

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

  • @ganharmoneytododia
    @ganharmoneytododia Год назад +1

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

  • @danteszinhos2349
    @danteszinhos2349 Год назад

    Cara Parabens você explica mt bemm 💯💯💯

  • @marcelocarmo2905
    @marcelocarmo2905 Год назад

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

  • @GameClubJr
    @GameClubJr 2 года назад

    Show de bola

  • @joaofelipearaujo6339
    @joaofelipearaujo6339 Год назад

    Muito bom!!

  • @leonardocunha2975
    @leonardocunha2975 11 месяцев назад +1

    excelente aula

  • @LuanSilva-xx3yg
    @LuanSilva-xx3yg 2 года назад +1

    SENSACIONAL

  •  11 месяцев назад

    Finalmente entendi. Agora tudo faz sentido.😮

  • @Junin-Speedcuber
    @Junin-Speedcuber 11 месяцев назад +1

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

  • @felipeitachi9749
    @felipeitachi9749 2 года назад

    Eu gostei muito do canal ...

  • @clebsondantas404
    @clebsondantas404 Год назад

    PUTA MERDA, que tutorial fascinante!

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

    Obrigado!

  • @felipeitachi9749
    @felipeitachi9749 2 года назад

    Parabéns

  • @DigoOqPenso
    @DigoOqPenso 10 месяцев назад +1

    Enfim, entendi.
    Obrigado.

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

    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 8 месяцев назад

    Ó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

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

    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 5 месяцев назад +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.

  • @RafaelOliveira-ry8wx
    @RafaelOliveira-ry8wx 2 года назад

    Fale sobre o display flex

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

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

  • @thiagonascimento7918
    @thiagonascimento7918 2 года назад

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

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

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