|
Le principe des feuilles de style consiste à regrouper dans un même document des caractéristiques de mise en forme associées à des groupes d'éléments. Il suffit de définir par un nom un ensemble des définitions et des caractéristiques de mise en forme, et de l'appeler pour l'appliquer à un texte. Il est ainsi possible de créer un groupe des titres en police Arial, de couleur verte et en italique.
Les feuilles de style ont été mises au point afin de compenser les manques du langage HTML en ce qui concerne la mise en page et la présentation. En effet, le HTML offre un certain nombre des balises permettant de mettre en page et de définir le style d'un texte, toutefois chaque élément possède son propre style, indépendamment des éléments qui l'entourent. Grâce aux feuilles de style, lorsque la charte graphique d'un site composé de plusieurs centaines des pages web doit être changée, il suffit de modifier la définition des feuilles de style en un seul endroit pour changer l'apparence du site tout entier.
Les feuilles de style permettent notamment :
• d'obtenir une présentation homogène sur tout un site en faisant appel sur toutes les pages à une même définition de style ;
• de changer l'aspect d'un site complet entier par une seule modification de quelques lignes ;
• une plus grande lisibilité du HTML, car les styles sont définis à part ;
• des chargements de page plus rapides, pour les mêmes raisons que précédemment ;
• un positionnement plus rigoureux des éléments.
Exemple:
|
