Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > FAQ
SEÇÕES
Monotemáticos
+ HTML
+ CSS
+ PHP
+ ASP
+ Javascript
Manuais
+ Desde 0
+ Tecnologia
+ Divulgação de sites
+ Flash
+ Mais manuais
Outras Seções
+ Diretório
+ Buscar em CriarWeb
+ Programas
+ Faqs
+ Colabore
Serviços e comunidade
+ Home comunidade
+ Suas Páginas
+ Boletim
+ Cadastrar-se
+ Gerador de METAs
+ Enquete
+ Livro de visitas

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Diferença entre atributos CSS margin e padding

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.

A FAQ Diferença entre atributos CSS margin e padding tem

Pertence à categoria:
Resposta de Miguel Angel Alvarez 26/12/07
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.

 
FAQ 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
  + Centralizar conteúdo da página
  + Elementos de listas LI na mesma linha
  + Links visitados
  + Cor de fonte em uma tabela
  + Aplicar estilo à primeira linha de um texto
  + Caixa com CSS
  + Construir um boletim com CSS
  + Clip em um div
  + Textarea sem borda
  + Menu dinâmico com CSS
  + Altura de camada que seja a da janela do navegador (CSS height: 100%)
  + Construir por tabelas ou camadas
  + Como posso mudar a cor da barra de deslocamento?
  + Mudar a cor dos links
  + Menu com CSS
  + Cursor com imagem
  + Como posso mudar a cor das células quando passo o ponteiro por cima delas?
  + Camadas com CSS
  + Estilo em tabelas HTML com CSS
  + Ocultar camadas com Css
  + CSS dinâmico com ASP

Complementar a respostaComplementar a resposta
Voltar à árvore de categoriasVoltar à árvore de categorias


Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites