Le fait de pouvoir stocker la définition des feuilles de style à l'extérieur du document est un "plus" car il est ainsi possible, en modifiant le fichier contenant les feuilles de style, de changer l'allure de toutes les pages web s'y référant !
Il s'agit dans un premier temps de créer un fichier texte contenant les feuilles de style et dont l'extension est .css, par exemple style.css :
<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
body {background-image: home.gif;}
LI{font: 13px Verdana;}
B{font: 14px Verdana; font-weight: bold;}
A{font:12px Verdana;font-weight:bold;text-decoration: none;}
H1{font: 16px Arial;font-weight: bold;color=black;}
H2{font: 14px Arial;font-weight: bold;color=black;}
-->
Dans un second temps il suffit de créer dans chaque page HTML le raccourci vers cette page de définition de style :
<HTML>
<HEAD>
<LINK rel="stylesheet" type="text/css" href="style.css">
</HEAD>
...