La feuille de style externe est généralement utilisée lorsque vous souhaitez apporter des modifications à plusieurs pages. Il est idéal pour cette condition, car il vous permet de changer l’apparence de l’ensemble du site Web en modifiant un seul fichier.
Il utilise la balise <link> sur chaque page et la balise <link> doit être placée dans la section head.
Exemple:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
La feuille de style externe peut être écrite dans n’importe quel éditeur de texte mais doit être enregistrée avec une extension .css. Ce fichier ne doit pas contenir d’éléments HTML.
Prenons un exemple de fichier de feuille de style nommé « monstyle.css« .
Fichier: monstyle.css
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
Remarque: Vous ne devez pas utiliser d’espace entre la valeur de la propriété et l’unité. Par exemple: Il devrait s’agir d’une marge gauche: 20 pixels et non d’une marge gauche: 20 pixels.