Ainda não consegui distinguir muito bem a diferença entre margin e padding. Também gostaria de saber quando devo usar um id ou uma class?
Ainda não consegui distinguir muito bem a diferença entre margin e padding. Também gostaria de saber quando devo usar um id ou uma class?
Bom dia Welliton, tudo bem?
Vamos por partes: id ou class?
ID = só pode ser usado um determinado ID por página, use ele quando você quer que alguma regra seja específica para aquele ID.
CLASS = pode ter várias ou quantas precisar por página, use ela quando quiser aproveitar alguma regra, para vários elementos na página.
Regras que eu digo, podem tanto ser regras css, ou regras js (javascript) que você verá mais a frente nos cursos.
Quanto a diferença entre margin e padding, na verdade é bem simples. Resumindo:
Margin é o espaço que vai por fora do elemento.
Padding é o espaço que vai por dentro do elemento.
Para entender bem esse conceito de quando e como usar um ou outro, sugiro a leitura do seguinte artigo: https://www.alura.com.br/artigos/entendendo-como-funciona-box-model-e-o-box-sizing
Ou até mesmo do vídeo no youtube: https://www.youtube.com/watch?v=qcNUxyOWXIw&ab_channel=AluraCursosOnline
Esse conceito, é o chamado Box Model ou Modelo de Caixas, essencial para aprendermos tudo sobre como posicionar os elementos na tela.