CSS : Cascading Style Sheets

Principe

Appliquer une règle

Le principe du langage CSS est de définir des règles graphiques pour des éléments XML ou HTML. Une règle s'écrit de la manière suivante :

Sélecteur
{
    Propriété : Valeur ;
    Propriété : Valeur ;
    Propriété : Valeur ;
    ...
}

Le sélecteur permet de spécifier les éléments auquels s'appliquera la règle. Tous les éléments répondant au sélecteur auront alors leurs propriétés modifiées avec les valeurs spécifiées.

Appliquer plusieurs règles

Dans un fichier CSS, il est possible de spécifier plusieurs règles les unes à la suite des autres :

Sélecteur1
{
    Propriété : Valeur ;
    Propriété : Valeur ;
    Propriété : Valeur ;
    ...
}

Sélecteur2
{
    Propriété : Valeur ;
    Propriété : Valeur ;
    Propriété : Valeur ;
    ...
}

Le principe de cascade

Le principe des feuille de style en cascade est qu'une propriété appliquée à un élément sera automatiquement appliquée à tous ses éléments enfants.

Ainsi une propriété appliquée à la racine d'un document s'appliquera à tous les éléments du documents.

Exemple

Avec CSS, il est par exemple possible de remplacer l'ancienne syntaxe :

<p><i><font color="#f00">Un peu de contenu</font></i></p>

par le code HTML et la règle CSS suivante :

<p>Un peu de contenu</p>

...

p
{
    font-color : #f00;
    font-style : italic;
}