Para projetar um layout CSS, seja para uma página web ou um site inteiro é fundamental que o desenvolvedor entenda com detalhes como as folhas de estilo em cascata tratam os elementos HTML para fins de apresentação em uma mídia do usuário por exemplo: a tela de um monitor).
Todo elemento HTML é uma "caixa" retangular a ser apresentada na tela com as estilizações determinadas pelas regras CSS. As caixas sõo empilhadas uma após a outra e constituídas de margens, bordas, espaçamentos (padding)e o conteúdo propriamente dito.
Conteúdo do primeiro parágrafo.
Conteúdo do segundo parágrafo.
Conteúdo do terceiro parágrafo.