introduction aux feuilles de style

Les feuilles de styles (en anglais CSS : Cascading Style Sheet) permettent de définir la representation graphique d'un élément HTML. Vous controlez ainsi la representation de votre document dans le navigateur de vos visiteurs (mais aussi la façon dont le document sera imprimé...)

Cette technologie est définie dans une norme élaborée par le W3C (World Wide Web Consortium). Il en existe plusieurs version CSS1 pour la version 1, CSS2 (version 2) ...

Un petit exemple pour mieux comprendre :

la méthode classique pour écrire en bleu est la suivante :

 <font color="blue">ceci est bleufont> 

ce qui donne :

ceci est bleu

A present avec l'aide d'une feuille de style nous allons forcer l'ecriture de toutes les sections DIV en bleu. Cela s'écrit de la façon suivante :

<style>
div.test { color: blue; }
</style>
<div class="test">ceci est bleu</div>

Le résultat est le même :

ceci est bleu

Petite explication : la section style permet de définir une feuille de styles. On spécifie ensuite le tag html et les attributs que l'on souhaite modifier (ici color). Et voila le tour est joué. C'était votre première feuille de style.