Toutes les façons de mettre du style dans une page HTML

Voici les différentes façons d'ajouter un style à une balise HTML
 

1 Méthode standard avec fichier CSS externe

<link href="css/style.css" media="all" rel="stylesheet" />


<h1>Titre de la page</h1>

h1 {color:red; font-size:24px; text-align:center; }

2 Avec code CSS dans le fichier directement

Code source de la page web

<style media="all" type="text/css">
h1 {color:red; font-size:24px; text-align:center; }
</style>

3 Avec style directement sur l'élément

Code source de la page web

<h1 style="color:red; font-size:24px; text-align:center;">Titre de la page</h1>

Article écrit le 9 décembre 2010
Article modifié le 15 février 2013