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.
|