Css >> Espaçamento e dimensionamento

Atributos para definir o espaçamento de elementos em uma página:

padding: Define o espaçamento entre o conteúdo de um elemento e sua borda.
Valores: Nesta propriedade podemos informar um valor (o valor passado irá definir o padding para todas direções do elemento(cima, direita, baixo e esquerda)) ou 4 valores (cada valor representando o padding em uma direção do elemento, sendo na seguinte ordem: cima, direita, baixo e esquerda). Os valores passados no padding devem ser um valor numérico seguido de px (Ex: "1px")
Uso: "padding: 5px;" ou "padding: 3px 4px 4px 1px;"

margin: Define o espaçamento entre o elemento e os demais conteúdos da página.
Valores: Nesta propriedade podemos informar um valor (o valor passado irá definir o margin para todas direções do elemento(cima, direita, baixo e esquerda)) ou 4 valores (cada valor representando o margin em uma direção do elemento, sendo na seguinte ordem: cima, direita, baixo e esquerda). Os valores passados no margin devem ser um valor numérico seguido de px (Ex: "1px")
Uso: "margin: 5px;" ou "margin: 3px 4px 4px 1px;"

Atributos para definir o dimensionamento de elementos em uma página:

width: Definem a largura de um elemento.
Valores: Podemos informar um valor numérico seguido de px (Ex: "1px") ou quando queremos que a largura do elemento ocupe uma porcentagem da área disponível usamos um número de 1 a 100 seguido de "%".
Uso: "width: 100px;" ou "width: 50%;"

height: Definem a altura de um elemento.
Valores: Devemos informar um valor numérico seguido de px (Ex: "1px").
Uso: "height: 100px;