Comment Ca Marche l'informatique ?
Accueil
Forum
Aide
bordure
Page d'accueil
Ajouter aux favoris
Signalez une erreur
Ecrire à Jean-Francois Pillou
feuilles de style en cascade (CSS)
Les feuilles de style
Syntaxe des styles
Implantation des CSS
Classes de style
Positionner des éléments
La liste des propriétés
Version 2.0.3
feuilles de style - css Page précédente Page suivante Retour à la page d'accueil

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. Ainsi, 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 reconnus de la même façon selon les navigateurs. Le premier navigateur a 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
  • Opera 5.x
  • Opera 6.x
  • Opera 7.x


Page précédente Page suivante

Ce document issu de CommentCaMarche.net est soumis à la licence GNU FDL. Vous pouvez copier, modifier des copies de cette page tant que cette note apparaît clairement.