Dans le Web moderne quand on parle de document Web, on parle de XHTML et de CSS. Je vais vous présenter dans cet article les CSS. En français Cascading Style Sheets signifie feuilles de style en cascade, on va voir plus loin pourquoi.

Le rôle des feuilles de style est de présenter le document. Concretement à l'aide des CSS on peut donner des couleurs à notre texte, on peut choisir la police de caracteres que l'on souhaite utiliser pour afficher un paragraphe, on peut positionner n'importe ou sur l'écran des morceaux de documents...

La composition d'une feuille de style est la suivante : c'est un fichier qui contient une liste de règles, et chaque règle s'applique à une partie de notre document.

Pour identifier les parties de notre document, on utilise des sélecteurs. Et donc à chaques sélecteur (partie de notre document) est associé une liste de règles qui décrivent le styles de cette partie de document : couleur, taille, position ...

Ces feuilles de styles ont également une fonctionnalité tres puissante, celle de pouvoire être mise en cascade. La mise en cascade des feuilles de style permet de modifier le syle imposé par une feuille précedente en ajoutant a la suite une feuille de style qui redefinit une partie des effets que fournit la premiere feuille.

Un très bon exemple de la puissance des feuilles de style est le site csszengarden. Ce site démontre l'incroyable diversité des effets que l'on peut produire avec des feuilles de style. Sur un unique document web, plusieurs feuilles de styles peuvent être appliquées au choix. On comprend alors qu'une simple feuille de style peut changer completement l'apparence d'un site Web.


Dernière mise à jour le 2005/04/14 12:16