Pra que serve cada elemento do Box Model? | Quando usar padding ou margin?

Ғылым және технология

Inscreva-se no GTC 2024 da NVIDIA, uma conferência híbrida voltada para profissionais da área tech com assuntos sobre IA, IA generativa, LLMs, nem e muito mais! Acontece de 18 a 21 de março: nvda.ws/49MydKV
Formulário para sorteio de descontos do DLI: forms.gle/FgctNxa6HXVZ9hh47
Nesse vídeo entendemos como funciona e para que serve cada elemento do Box Model: content, padding, border e margin! São usados em todas as tags HTML e estilizados com CSS
O que mais você quer ver aqui no canal? Comenta aqui embaixo pra eu saber!
------------------------------------------------------------------------------------------------------------------
Links importantes:
Post sobre Box Model e propriedades: reelC4OsbP...
Desconto da ALURA: www.alura.tv/rafaballerini
Minhas redes sociais: beacons.ai/rafaballerini
-------------------------------------------------------------------------------------------------------------------
Índice do vídeo:
00:00 - O que é box model
00:40 - Evento GTC da NVIDIA
02:15 - Importância do Box Model
02:44 - Componentes do Box Model
05:11 - Propriedades de cada componente
06:14 - Padding x Margin
07:30 - Desafio
#boxmodel #modelodecaixa #css

Пікірлер: 17

  • @flaviovasini8168
    @flaviovasini81683 ай бұрын

    Margin só no topo de 20px + padding acima e abaixo de 10px cada + altura do conteúdo de 50px = 20 + 20 + 50 = 90px deve ser a altura do box model Borda à direita não deve alterar a altura

  • @deborae84
    @deborae843 ай бұрын

    @rafa você pode fazer um video com o passo a passo de como construir uma agenda de contatos usando o PHP?

  • @belaandrade3146
    @belaandrade31463 ай бұрын

    Muuuito boa a explicação! Sempre fico confusa!

  • @rafa170285
    @rafa1702853 ай бұрын

    Ótimo conteúdo, parabéns pelo canal.

  • @JimmyHirata
    @JimmyHirata2 ай бұрын

    Ótima explicação! Muito obrigado!😁

  • @Celiomarz
    @Celiomarz3 ай бұрын

    Muito obrigado tinha muitas dúvidas, mas vc deu um belo Norte pra continuar vlw

  • @dcassis
    @dcassis3 ай бұрын

    Didática top!

  • @leoqk4
    @leoqk43 ай бұрын

    que vídeo maravilhoso.

  • @Hozmlly
    @Hozmlly3 ай бұрын

    esse foi o unico que peguei de primeira kkkk

  • @lukawalk627
    @lukawalk6273 ай бұрын

    estudando aqui e continuando la na alura kkk também

  • @evandr000
    @evandr0003 ай бұрын

    E essa pegadinha em XD

  • @viniciosneves2810
    @viniciosneves28103 ай бұрын

    Rafa ensina a como hospedar um site que tem back-end como python por exemplo, ao invés do clássico JS ou React, eu estou precisando muito, eu sei React e JS, mas quero persistir no python. E antes de qualquer coisa não estou na área só por modinha, eu comecei a estudar programação momentos antes de acontecer uma onda do pessoal entrar por moda ou por dinheiro. Bom, não tem nada de errado entrar por causa dos motivos que eu citei, só que eu acho que quando a palavra python no contexto de programação é citado, eu sinto uma certa desvalorização ou diminuição

  • 3 ай бұрын

    Difícil colocar tres imagens lado a lado com uma legenda em baixo.

  • @user-kp3cl8li6m
    @user-kp3cl8li6m3 ай бұрын

    Queria perguntar uma coisa sei que não tem a ver com o vídeo de mas eu já procurei na internet uma solução e não encontrei eu só novo nisso tudo e tô aprendendo mas o meu vs code ele não funciona ele não reconhece os atributos Class ou id no HTML quando eu escrevo eles não funcionam pode me ajudar?

  • @francielisauthier1087

    @francielisauthier1087

    3 ай бұрын

    O problema que vc tem aí não está muito claro. Assumo que vc tem um arquivo de css, que no HTML vc adicionou o link para conectar os dois arquivos e que vc está usando outros seletores que funcionam, por exemplo se vc seleciona body, vc consegue aplicar um background. Então, o problema é que vc está aplicando style para uma classe ou id e que isso não acontece, certo? Você está usando . e #? Ponto para a classe e # para id?

  • @Isaac144hz

    @Isaac144hz

    3 ай бұрын

    ​@@francielisauthier1087 Existe uma tag que já faz a estrutra base do HTMl, porém para mim está tag não funciona, sabe como resolver? A única que funciona para mim é a "!", mas, está tag vem com algumas coisas faltando na estrutura base do HTML. Meu Vscode é a versão mais atual.

  • @francielisauthier1087

    @francielisauthier1087

    3 ай бұрын

    @@Isaac144hz eu não lembro e não posso testar agora, mas eu li que vc pode tentar: digitar html:5 no topo do documento e teclar tab; ou, pressiona shift e tecla 1.

Келесі