CSS - RicardoHorta.Net - www.ricardohorta.net

Distância entre os objetos.

O atributo margin controla a distância entre os elementos HTML ( <p>, <img>, <ul>, etc, etc. ). Esta distância não é só em relação a borda da página, porque você pode definir valores diferentes para as margens esquerda, direita, superior e inferior.
A sintaxe é: tag { margin:valor }. Você pode trabalhar com apenas 1 valor, que será aplicado nas 4 margens ou utilizar valores específicos:
p { margin: 2pt }
p { margin-left:5pt; margin-right:5pt; margin-top:2pt; margin-bottom:2pt }

No 1º exemplo, você define 2 pontos de espessura para as 4 margens. No 2º exemplo, você define 5 pontos para as margens esquerda e direita e 2 para as margens superior e inferior.

Parágrafos sem margens esquerda e direita.

Quando um parágrafo é criado com os atributos abaixo,...

... ele não apresenta distância entre as margens esquerda e direita, produzindo um resultado meio esquisito.

Dynamic HTML é a combinação do nosso velho e conhecido HTML com folhas de estilo ( Cascading Style Sheets ou CSS ) e script languages ( JavaScript, VBSscript ). DHTML ou HTML dinâmico não é uma linguagem mas sim a reunião destes recursos utilizados na construção de sites. Com ele, você pode alterar a aparência de uma página, após ela ter sido carregado no computador do usuário. Textos podem ter o tamanho da fonte, as cores da fonte e do fundo alterados em resposta a alguma ação do internauta ( OnMouseOver, OnMouseOut, OnClick, etc., etc. ).

Definindo 10% para as margens esquerda ( margin-left )e direita ( margin-right ) e 1% para superior ( margin-top ) e inferior ( margin-bottom ),...

... a aparência melhora bastante.

E se você acrescentar o atributo padding ( padding:3pt ), definir o alinhamento do texto ( text-align:justify ), e aumentar a altura da linha ( line-height:140% )...

...mostre o contra-cheque para o seu chefe.

Como diminuir as distâncias entre os parágrafos ?

É... Este é o problema que aflige 90% dos desenvolvedores de páginas Web.
Quando você utiliza a tag <p>, os espaços entre os textos ficam um pouco exagerados. Não conheço um profissional que não tenha reclamado desta disposição.
É o caso deste texto. Eu criei diversos parágrafos....

...e o layout ficou assim.

Para diminuir a distância entre os parágrafos, utilize os atributos margin-top e margin-bottom.
Defina as margens superior e inferior dos parágrafos com a seguinte sintaxe:
P { margin-top:1pt; margin-bottom:1pt;}