// CSS / Introduction aux feuilles de styles /

Les feuilles de styles en cascade, les CSS, sont très utiles, voire même indispensable dès que l'on veut faire un site un peu élaboré.
Nous allons voir dans cette partie comment on crée et on utilise ces feuilles de style dans un document (X)HTML.

Comment appliquer un style ?

Il y a trois façons d'appliquer un style à un élément (X)HTML. On peut soit l'insérer comme attribut de la balise, soit déclarer les styles dans l'en-tête du document, soit, enfin les déclare dans un fichier séparé qui n'est autre qu'un fichier texte portant l'extension .css. Voyons maintenant comment procéder :

Directement dans une balise :

<p style="text-align:center;">Ce texte est centré</p>

Dans l'en-tête du document :

<head>
<style type="text/css">
  p { text-align:center; }
</style>
</head>
<body>
  <p style="text-align:center;">Ce texte est centré</p>
</body>

Dans un fichier séparé (on l'appellera par exemple style.css, original non ?) :
```
<head>
  <link rel="stylesheet" href="style.css">
</head>
```

Remarque

On voit que, quelle que soit la méthode utilisée la syntaxe du style en lui-même est identique (encore heureux ;-)).
De plus la seule méthode acceptée en (X)HTML Strict est le fichier externe.