C'est déjà bien de pouvoir définir une présentation de style
valable pour une page (styles internes). Mais CSS nous propose
mieux. Définir une présentation de style valable pour plusieurs
pages et même pour toutes les pages d'un site. Ce qui est possible,
en créant une page externe qui regroupera toutes les feuilles de
style, et en reliant chaque page à cette page de style.
On crée d'abord, dans le répertoire du site, un fichier avec
l'extension .css soit styles.css qui contiendra toutes les feuilles
de style.
<HTML>
<HEAD>
--- Les différentes feuilles de style
---
</HEAD>
<BODY>
</BODY>
</HTML>
Ensuite, on crée une page normale soit page1.htm (bien entendu
dans le même répertoire que le fichier styles.css).
<HTML>
<HEAD>
<LINK rel=stylesheet type="text/css"
href="styles.css">
<HEAD>
|
La balise <LINK> avertit le browser qu'il faudra réaliser
un lien. |
|
L'attribut rel=stylesheet (sans s et sans
guillemets) précise qu'il y trouvera une feuille de style
externe. |
|
L'attribut type="text/css" précise que l'information est du
texte et du genre cascading style sheets (css). |
|
L'attribut classique de lien href=" ... " donne le chemin
d'accès et le nom du fichier à lier. |
|