Concept
Dans un document d'une certaine importance, il arrive fréquemment
que l'on attribue à certains éléments des caractéristiques de mise en
forme identiques. Par exemple, les noms de chapitres seront mis en
police Arial, en gras et en couleur bleue.
On peut imaginer que l'on puisse donner à cette définition de mise
en forme un nom soit "titre" et qu'à chaque nouveau chapitre, plutôt
que d'écrire chaque fois le nom du titre et puis de devoir le mettre en
Arial, gras, bleu, l'on puisse dire à l'ordinateur, nom du chapitre
mais dans la mise en forme que j'ai défini sous le nom de "titre".
Cette définition de mise en forme particulière, on va l'appeler feuille
de style.
Le concept de feuilles de style [Style Sheets] est né. Il existait
déjà dans les traitements de texte comme dans Word de Microsoft (comme
par hasard...). Allez dans le menu Format de Word, vous y trouvez Style
! Il ne restait plus qu'à coupler le concept au langage Html par des
propriétés spécifiques.
<H1><B><FONT COLOR=blue>Titre1</FONT></B></H1>
<H2><B><FONT COLOR="green">- A -</FONT></B></H2>
<H3><B><FONT COLOR="red">...a....</FONT></B></H3>
<H1><B><FONT COLOR=blue>Titre2</FONT></B></H1>
<H2><B><FONT COLOR="green">- B-</FONT></B></H2>
<H3><B><FONT COLOR="red">...b....</FONT></B></H3> |
STYLE des titres
STYLE sous-titres
STYLE du texte
STYLE des titres
STYLE sous-titres
STYLE du texte |
Vous remarquez que l'on parle de feuilles de style [
style sheets ] car le but du jeu est d'en définir plusieurs. On
parle aussi de feuilles de style en cascade [ Cascading Style Sheets ou
CSS ] car en cas de styles identiques, un ordre de priorité sera
déterminé par le browser
(voir FAQ).
Précisons pour terminer que les feuilles de style ne sont pas une
composante directe du langage Html mais un développement à part dans la
publication de pages Web.

|