Les feuilles de style avec KompoZer

Structure des règles de style

Structure générale

Les règles de style se présentent toujours sous une forme semblable à celles que l'on observe dans le document ci-dessus. Elles sont composées de trois éléments.

Réfléchis, puis essaie. Si le résultat ne correspondait pas à ce que tu attendais, retourne à l'explication ci-dessus ou interroge le professeur.

OK, jusque là, ce n'est pas trop dur. Mais je trouve quand même bien vague cette expression " de nombreuses propriétés " que je lis quelques lignes plus haut. C'est combien, " nombreuses " ? Et puis quelles propriétés, aussi ?

Bon, commençons par quelques exemples...

Plusieurs styles pour le même sélecteur

Pour le même sélecteur (la même balise HTML) : on indique alors les instructions l'une après l'autre, séparées par des ";";

Exemple:

<style type="text/css">
h1 {color : blue ; font-size : 1cm}
</style>

Halte-là! Veuillez m'excuser d'être attentif, mais ce n'est pas du tout la présentation que je trouve dans la page test.html.

Vous avez parfaitement raison. Mais, en fait, la présentation est tout à fait libre. Les passages à la ligne et les espacements sont sans importance. Il suffit que la présentation soit claire pour le lecteur humain.

La présentation pourrait aussi bien être

<style type="text/css">
h1 {color : blue ;
      font-size : 1cm}
</style>

ou même

<style type="text/css">h1 {color : blue ; font-size : 1cm}</style>

Plusieurs styles pour plusieurs sélecteurs

Pour des sélecteurs différents: on indique les instructions complètes, généralement sur des lignes différentes.

Exemple:

<style type="text/css">
h1 {color : red}
h2 {color : yellow}
</style>

Et il faudra retenir tout ça par coeur? Ca ne va pas être franchement coton.

Dans un premier temps, ce n'est pas du tout nécessaire: l'éditeur de styles CaScadeS va faire le travail pour nous. Pour passer à un niveau de maîtrise supérieur, une connaissance minimale de ces règles est vraiment utile.

Quand tu as fini et bien compris comment traiter le problème de plusieurs règles de style, passe à la page suivante.