Les feuilles de styles sont un ensemble de propriétés qui vont spécifier la mise en forme des éléments.
Autant dans le HTML nous pouvions nous en passer, autant dans le XHTML elles sont indispensables.
Il est important de faire la différence entre XHTML et CSS. Ce sont deux "langages" différents.
C'est pour cela que j'ai fait un site différent que vous pourrez découvrir : Découvrez la ZONE CSS

Je dirais qu'il existe trois manières d'imposer un style en XHTML.

- La première consiste à imposer un style à toutes les balises du même type (<P> par exemple).
- La seconde consiste à mettre le style directement dans la balise.
- La troisième consiste à imposer un style à un endroit précis du document XHTML, pour cela nous pouvons utiliser la balise <DIV> ou <SPAN> pour délimiter l'endroit ou mettre un attribut XHTML CLASS ou ID dans la balise. Est un peut similaire à la seconde
Découvrez les cours CSS sur la ZONE CSS

Une feuille de style peut être interne ou externe.
Une feuille de style interne est incluse dans le code du document XHTML. Elle s'insère grâce à la balise <STYLE>
Nous l'écrirons :
Une feuille de style externe est comme son nom l'indique externe au le code du document XHTML. Les définitions css sont codées dans un fichier ayant pour extension ".css".
Ce fichier est lié au document XHTML grâce à la balise XHTML LINK.
Nous l'écrirons :
Comment choisir le type de feuille css?
En règle générale, une feuille de style css est externe, si vous utilisez les mêmes définitions css dans plusieurs documents XHTML.

On peut atteindre la balise de trois façons :
- par le Nom de la Balise.
- grâce à l'attribut ID.
- grâce à l'attribut CLASS.
Il y a d'autres façons de spécifier une feuille de style que je n'aborderai pas dans ce cours.

Avec le nom de la balise :
Par exemple, nous voulons que ce qui se trouve dans la balise <ADDRESS> soit soulignée.
Nous mettrons dans la feuille de style : Le code XHTML sera : Cette technique est embêtante lorsque l'on possède plusieurs balises <ADDRESS>, car toutes seront soulignées. (voir plus bas CLASS)

Avec ID :
Nous mettrons dans la feuille de style : Le code XHTML sera :
Je rappelle que chaque valeur de l'ID est unique dans votre page. Si vous avez deux ID ayant la même valeur cela n'est pas bon.

Avec CLASS :
Nous mettrons dans la feuille de style : Le code XHTML sera :
Cette technique est intéressante, puis qu'elle permet d'assigner le soulignement à toutes les balises ADDRESS ayant comme class "nom".

CLASS permet de créer des "sous styles", par exemple :
Vous voulez que tous vos paragraphes aient une taille de police de 12 px, mais votre second paragraphe à une couleur verte et votre troisième paragraphe est souligné.
Vous allez donc crée dans votre feuille de style créer un style pour que tout les paragraphes soient en taille 12px :Puis créer deux sous classes pour les deux autres paragraphes :
Votre code XHTML sera :

Voici le récapitulatif des propriétés de styles (css).
Voici le les cours css.