Sommaire

Les Style:défini dans un fichier .cssst CSS:styles définis dans un fichier .cssyles définis dans un fichier .css

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 ...