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 bleu</font>
ce qui donne :
ceci est bleu
A present avec l’aide d’une feuille de style nous allons force 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