Lorsqu'une feuille de style est lue, le navigateur formate le document HTML en fonction de celle-ci.
Comment insérer une feuille de style
Il existe trois façons d'insérer une feuille de style :
Feuille de style externe
Feuille de style interne
Styles en ligne
Feuilles de style externes
Une feuille de style externe est idéale lorsque des styles doivent être appliqués à de nombreuses pages. Avec les feuilles de style externes, vous pouvez modifier l'apparence de l'ensemble de votre site en modifiant un fichier. Chaque page est liée à la feuille de style à l'aide de la balise La balise se trouve dans l'en-tête (du document) :
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Le navigateur lira la déclaration de style du fichier mystyle.css et formatera le document en fonction de celle-ci.
Les feuilles de style externes peuvent être modifiées dans n'importe quel éditeur de texte . Le fichier ne peut contenir aucune balise HTML. Les feuilles de style doivent être enregistrées avec une extension .css. Voici un exemple de fichier de feuille de style :
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}Ne laissez pas d'espaces entre la valeur de l'attribut et l'unité. Si vous utilisez "margin-left: 20 px" au lieu de "margin-left: 20px", cela ne fonctionnera que dans IE 6, mais pas dans Mozilla/Firefox ou Netscape.
Feuilles de style internes
Lorsqu'un seul document nécessite un style spécial, une feuille de style interne doit être utilisée. Vous pouvez définir une feuille de style interne en tête du document à l'aide de la balise