Google Chrome
Mozilla Firefox
Internet Explorer 9+Margin e Padding
Agora que já criamos a base da estrutura, que tal melhorarmos a aparência de nossa página? Abra a página de estilo para definirmos valores para algumas propriedades.
Por padrão, alguns elementos HTML já vêm com valores predefinidos em suas propriedades. Por exemplo, os parágrafos <p> possuem margin e padding nativos. Desse modo, a página mantém o mínimo de legibilidade mesmo que o CSS não seja carregado. E o que são margin e padding? Clique em cada item a seguir para descobrir.
X
padding
O padding é o espaçamento interno dos elementos.
A parte em verde claro é o padding do elemento. Observe que essa parte auxilia a ajustar o espaçamento interno de um elemento.
X
margin
A propriedade margin do CSS corresponde à dimensão da margem de cada elemento. Além disso, a margin evita que os elementos fiquem grudados uns nos outros.
Observe que a parte em azul claro é a margin do elemento. Essa parte ajuda a separar um elemento do outro.