Feuilles de style
Styles externes
HomeUpDown

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.

HomeDown