Sakartone - Langages Web - CSS - Insertion

Langages Web

CSS

Insertion

Par une feuille

Introduire le langage CSS dans le code HTML par l'intermédiaire d'une feuille de style

C'est à dire un fichier simplement créé avec le bloc-notes, avec l'extension .css, et qui contiendra le style.
Attention ! il ne faut pas mettre les balises <STYLE> et </STYLE> dans le fichier car, le fait qu'il est l'extension .css signifie déjà qu'il contient du style.

Exemple de fichier appelé "monstyle.css" :

DIV.Police01
 {
 Color: 'Yellow'
 }

Dans ce cas, il faut faire un lien dans l'en-tête du document HTML entre les balises <HEAD> et <HEAD>, vers la feuille de style grâce à la balise <LINK>.

Exemple :

<HEAD>
<LINK HREF="répertoire/monstyle.css" REL="StyleSheet" TYPE="text/CSS">
</HEAD>
<BODY>
<DIV CLASS="Police01">
Le texte apparait en jaune dans le navigateur.
</DIV>
</BODY>

Intérêt :

Le style peut servir pour plusieurs documents HTML, il permet d'avoir le même affichage dans toutes les pages web sans avoir à réécrire le style dans chaque page. Ainsi, lorsqu'on modifie la feuille de style, l'affichage de toutes les pages Web est ainsi modifié.
C'est la méthode la plus utilisée par les webmasters, lors d'une création de sites.