Maintenant que vous avez compris et réalisé votre première série de page en CSS, poussons-les dans leurs retranchements.

Les CSS se combinent afin de permettre un affichage en fonction des balises CSS de la page en fonction des différents niveaux, pages, paragraphes, textes... L'idéal est de ne pas avoir à rajouter les différentes balises. Vous avez donc la possibilité de prévoir à l'avance cette mise en page. Prenons un cas pratique :

Vous avez un paragraphe dans un autre paragraphe et vous voulez que ce 2ème paragraphe soit en rouge alors que le paragraphe principal est un bleu. Voici le code à taper pour définir votre CSS:
p{color:blue}
p+p{color:red}
ATTENTION: tel qu'il est écrit ici il s'applique à toute la page.

Vous pouvez définir un style par défaut, ce que je vous conseille d'ailleurs, afin que vos pages soient visibles par un maximum de navigateurs. Pour ce faire vous devez utiliser une balise META:
<META http-equiv="Default-Style" content="defau">
Et il vous faut ensuite insérer le lien vers la page qui définit le style:
<LINK rel="alternate stylesheet" title="defau" href="../styles/defau.css" type="text/css">