Diferença entre atributos CSS margin e padding

Pergunta
Vi as características de CSS faz pouco tempo e estou fazendo minhas primeiras provas. Estou com uma dúvida que não sei se será muito boba, porém pergunto para ver se me respondem.

Que diferença têm os valores padding e align? Porque estou vendo que fazem o mesmo na minha página.

Valorize esta FAQ:
A FAQ Diferença entre atributos CSS margin e padding tem Pertence à categoria:
Resposta
Os atributos de CSS margin e padding, embora em algumas ocasiões possam se comportar de maneira parecida na prática, são muito diferentes.

Margin é a margem que há desde um elemento até os que tiverem ao lado.

Padding é o espaço que há em um container entre o conteúdo e as bordas do container.

Ou seja, ao especificar uma margin estamos definindo um espaço entre uma camada e as camadas texto, imagens ou outros conteúdos que tiver aos lados.

Ao especificar um padding em uma camada, por exemplo, estamos definindo o espaço que há entre a borda da camada e o que tiver dentro.

Recomendo que olhe com calma os atributos CSS para esclarecer essas dúvidas tão simples. Em nosso manual de CSS há um artigo que explica isto detalhadamente em Atributos das folhas de estilo CSS.

Também seria bom provar tudo com distintos exemplos. Para fazer provas e ver bem as diferenças entre padding e margin lhe recomendo que coloque uma cor de fundo à camada.

Por Miguel Angel Alvarez

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + [...]

Ver todas las FAQS de CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato