Présentation des feuilles de style

Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée Cascading StyleSheets (feuilles de style en cascade).

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 de 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. Au contraire grâce aux feuilles de style, lorsque la charte graphique d'un site composé de plusieurs centaines de 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 !

Le principe des feuilles de style consiste à attribuer des caractéristiques de mise en forme à des groupes d'éléments. Il est par exemple possible de décider de créer un groupe de titres en police Arial, de couleur verte et en italique.

On définit par un nom une caractéristique de mise en forme, il suffit ensuite de l'appeler pour l'appliquer à un texte.

On les appelle "feuilles de style en cascade" ("Cascading Style Sheets") car on peut en définir plusieurs, et, en cas de redondance de style, un ordre de priorité est donné par le browser (navigateur).

Les feuilles de style permettent:

• d'avoir une présentation homogène sur tout un site.
• de pouvoir changer l'aspect du site entier en modifiant quelques lignes.
• une plus grande lisibilité du HTML.
• le positionnement rigoureux des éléments.
• des chargements de page plus rapides.

La compatibilité des navigateurs

Malgré l'existence de recommandations du W3C, les feuilles de style ne sont pas reconnues de la même façon par tous les navigateurs. Le premier navigateur à avoir intégré les feuilles de style est Microsoft Internet Explorer 3.0, puis l'utilisation des feuilles de style s'est généralisé avec les versions 4.0 et supérieures d'Internet Explorer et de Netscape Navigator.

Navigateurs supportant les feuilles de style :

• Microsoft Internet Explorer 3.0 (partiellement)
• Microsoft Internet Explorer 4.x
• Microsoft Internet Explorer 5.x
• Microsoft Internet Explorer 6.x
• Netscape Navigator 4.x
• Netscape Navigator 6.x
• Netscape Navigator 7.x
• Mozilla x.x
• firefox x.x
• Opera 5.x
• Opera 6.x
• Opera 7.x