CSS : Les enjeux

Séparer la structure d'un document de ses styles de présentation

L'un des objectifs majeurs de CSS est de permettre la stylisation hors des documents. Il est par exemple possible de ne décrire que la structure d'un document en HTML, et de décrire toute la présentation dans une feuille de style CSS séparée.
Les styles sont appliqués au dernier moment, dans le navigateur web des visiteurs qui consultent le document. Cette séparation fournit un certain nombre de bénéfices, permettant d'améliorer l'accessibilité, de changer plus facilement de structure et de présentation, et de réduire la complexité; de l'architecture d'un document.
Ainsi, les avantages des feuilles de style sont multiples :

• La structure du document et la présentation peuvent être gérées dans des fichiers séparés.
• La conception d'un document peut se faire dans un premier temps sans se soucier de la présentation.
• Dans le cas d'un site web, la présentation est uniformisée : les pages HTMLfont référence aux mêmes feuilles de styles ce qui permet quand cela est nécessaire une remise en forme rapide de l'aspect visuel.
• Un même document peut donner le choix entre plusieurs feuilles de style, par exemple une pour l'impression et une pour la lecture à l'écran.
• Le code HTML est considérablement réduit en taille et en complexité, puisqu'il ne contient plus de balises ni d'attributs de présentation.

Décliner les styles de présentation selon le récepteur

CSS permet de définir le rendu d'un document en fonction du média de restitution et de ses capacités (type de moniteur ou de dispositif vocal), de celles du navigateur (texte ou graphique), ainsi que des préférences de son utilisateur.
Les feuilles de styles peuvent en 2007 être différenciées pour les médias suivants :

• all : tous les médias;
• screen : écrans d'ordinateur de bureau;
• print : pour l'impression papier;
• handheld : écrans de très petite taille et clients aux capacités limitées;
• projection : quand le document est projeté;
• tv : quand le document est affiché sur un appareil de type télévision;
• speech : pour le rendu via une synthèse vocale.

Dans chaque média, les styles de présentation déterminés par l'auteur du document se combinent avec ceux par défaut de l'agent utilisateur et ceux issus des préférences de l'utilisateur et de sa configuration personnelle.

Permettre la cascade des styles

La cascade; est la combinaison de différentes sources de styles appliqués à un même document, selon leur degré respectif de priorité. Différents modes de cascade peuvent se combiner :

• Par origine des styles : issus de l'agent utilisateur, de l'auteur et de l'utilisateur. La priorité supérieure accordée aux styles de l'utilisateur est un des facteurs principaux de l'accessibilité des documents présentés à l'aide de CSS.
• Par média : une feuille de style générique peut s'appliquer à plusieurs media de restitution (affichage à l'écran, impression, projection) et être combinée avec des feuilles propres à chaque média.
• Selon l'architecture d'un ensemble de documents web : une feuille de style générique peut s'appliquer à la totalité des pages d'un site web, être combinée avec des feuilles propres à chaque rubrique de celui-ci, ainsi qu'avec des styles propres à telle ou telle page spécifique.
• Selon l'architecture des feuilles elles-mêmes : une feuille de style externe au document peut être combinée à une feuille de style interne et à des styles appliqués directement à chaque élément qui le compose (style en ligne). Une feuille de style peut également importer une ou plusieurs autres feuilles externes.

Haut de Page