Sommaire

Les Style:défini dans la page CSS:styles définis dans la pagestyles définis dans la page

La deuxième possibilité est de définir les règles CSS dans une page HTML. Dans ce cas, les règles ne peuvent s’appliquer qu’aux éléments HTML contenus dans cette page HTML et nulle part ailleurs, dans aucun autre fichier HTML. Les règles CSS se définissent dans l’élément <head> dans un élément <style>.

Voici un exemple :

<!doctype html> 
<html> 
<head> 
   <meta charset="utf-8"> 
   <title>Ma page web</title> 
   <style> 
       .titre-article { 
           font-style: italic; 
           text-transform: uppercase; 
       } 
   </style> 
</head> 
<body> 
   <h2 class="titre-article">Tristique Cursus Commodo Ligula</h2> 
   <p>Cras justo odio, dapibus ac facilisis...</p> 
   <h2 class="titre-article">Tortor Ullamcorper Etiam Nibh</h2> 
   <p>Nullam id dolor id nibh ultricies...</p> 
</body> 
</html>

Dans l’élément <style>, nous n’avons qu’une seule règle CSS et elle est nommée ...