Exemple 03 : Insertion d'une feuille de style externe grâce à la balise link

Explications :

Il est possible de lier une feuille de style externe à un document (X)HTML grâce à la balise <link>. Cette balise <link> est à insérer dans l'en-tête du document. Elle dispose de plusieurs attributs qui sont les suivants :

<link href="style.css" type="text/css" rel="stylesheet" />

L'attribut href sert à indiquer le lien hypertexte vers le fichier CSS. Cet attribut accepte un chemin absolu ou relatif vers la feuille de style.
L'attribut type permet d'indiquer le type MIME du fichier externe. La valeur à y indiquer est identique à celle de la balise <style>, c'est-à-dire 'text/css'.
L'attribut rel permet de définir la relation entre le document externe (fichier CSS) et le document appelant (fichier (X)HTML). La valeur 'stylesheet' indique que le document externe est une feuille de style (en anglais Cascading Style Sheets).

Code XHTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Exemple 03 : Insertion d'une feuille de style externe grâce à la balise link</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style-ex03.css" type="text/css" rel="stylesheet" />
</head>

<body>

<h1>
Exemple 03 : Insertion d'une feuille de style externe grâce à la balise link
</h1>

  <p>
Dans cet exemple la règle CSS s'appliquant à ce paragraphe se trouve dans un fichier externe appelé via 
la balise link.
  </p>

</body>
</html>

Code CSS :

1
2
3
4
5
6

p {
        text-decoration :  underline;
        word-spacing :     10px;
        background-color : #adff2f;/* greenyellow */
        padding :          5px;
}

Copyright © 2011 Christophe F. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 Euros de dommages et intérêts. Cette page est déposée.