La troisième possibilité est de déclarer les règles CSS dans un fichier séparé des pages HTML. Ce fichier aura alors comme extension .css. Ce fichier ne contiendra rien d’autre que les règles CSS voulues. Ensuite, nous devrons lier ce fichier CSS aux pages HTML voulues pour appliquer les règles CSS aux éléments HTML voulus.
Voici un exemple très simple d’un fichier CSS, nommé styles.css, qui ne contient que deux règles CSS :
.titre-article { margin-left: 20px; padding-left: 10px; border-left: 5px solid #000; } .nom { font-style: italic; }
Voici le fichier HTML :
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Ma page web</title> <link href="styles.css" rel="stylesheet"> </head> <body> <h2 class="titre-article">Tristique Cursus Commodo Ligula</h2> <p>Cras justo odio ... id nibh <span class="nom">Ultricies vehicula</span> ut id elit...</p> <h2 class="titre-article">Tortor Ullamcorper Etiam Nibh</h2> <p>Nullam ...
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique