Les feuilles de styles CSS
DEUXIÈME PARTIE
42
Appliquer les styles CSS
Comment appliquer ce style CSS au document HTML qui en dépend ? Il existe
pour cela trois méthodes, mais nous utiliserons de préférence celle de la feuille de
styles, qui présente de nombreux avantages.
Insérer des styles dans l’en-tête du document
On peut d’abord placer des styles CSS dans l’en-tête HTML (contenu de l’élément
). Placé entre les balises , ce code s’appliquera à tout le
document :
Cette technique, qui sépare correctement contenu et mise en forme, portera automatiquement sur tous les titres

du document – contrairement à la méthode
d’incrustation, dont l’action est confinée au niveau local. Malheureusement, la portée
de ce style se limite au document HTML du fichier.
Dans l’idéal, le design général du site s’appliquera automatiquement, sans devoir être
explicité dans chaque document HTML. Pour aboutir à cet effet, nous placerons les
règles CSS dans un fichier distinct.
Lier les styles à partir d’une feuille séparée
Il s’agit de stocker les ressources dans des fichiers distincts : documents HTML et
feuilles de styles CSS. Ces dernières renfermeront toutes les règles nécessaires à la
mise en page et au design des fichiers HTML. Il suffira alors de modifier le fichier
CSS séparé pour changer l’allure de toutes les pages HTML du site.
Ce fichier CSS, appelé feuille de styles, portera l’extension .css et ne contiendra que
des règles CSS (aucun code HTML n’y sera autorisé, pas même la balise