11. Appliquer le style CSS au document HTML qui en dépend
On utilisera cette méthode autant que possible.
Il suffira de modifier le fichier CSS séparé pour changer l’allure de toutes les pages HTML du site.
Ce fichier portera l’extension .css et ne peut contenir d’autres langages que le CSS.
Pour lier cette feuille de styles à toutes les pages HTML du site, on place la balise <link> dans l’en-tête (<head>) de ces dernières. Si votre feuille de style s’appelle « feuille », on écrira :
<!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>Titre du site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel= “stylesheet" type= “text/css" href="feuille.css" />
</head>
Placé entre les balises <style> et </style>, ce code s’appliquera à tout le document. :
<style type="text/css">
h1 {color : blue ;}
</style>
La portée de ce style se limite au document HTML du fichier
Ecrire les styles CSS dans le code HTML, via la propriété HTML style
<h1 style="color : red ;" Titre de la page</h1>
On évitera cette méthode ; en effet elle mêle contenu et mise en forme.