Cascading style sheets

Le langage CSS (Cascading Style Sheets : feuilles de style) est utilisé pour décrire la présentation d'un document structuré écrit en HTML ou en XML, et c'est le World Wide Web Consortium (W3C) qui en a la direction.

Table of contents
1 Vue d'ensemble
2 Histoire de CSS
3 Difficulté d'intégration
4 Liens externes

Vue d'ensemble

CSS est principalement utilisé pour définir les couleurs, les polices, le rendu, et d'autres caractéristiques d'un document, et a été créé pour effectuer la séparation entre sructure (écrit en HTML ou similaire) et présentation (en CSS.) 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. Enfin, CSS permet de s'adapter aux caractéristiques du récepteur.

HTML ne décrit que l'architecture internet, et CSS décrit tous les aspects de la présentation. CSS peut définir couleur, police, alignement de texte, taille, mais aussi le formatage non visuel, comme la vitesse à laquelle doit être lu par des lecteurs de texte.

Ainsi, les avantages des feuilles de style sont multiples :

CSS utilise une pléthore de mots-outils anglais destinés à caractériser les éléments HTML. Voici l'exemple d'une portion de feuille de style : 
p { font-size: 110%; font-family: Helvetica, sans-serif; }
h1 { color: white; background: red; }
Ce code CSS définit l'élément p (paragraphe) avec une taille de 110% et une police Helvetica, ou, si Helvetica est indisponible, une police générique. Quant aux titres (éléments h1) ils seront en blanc, sur fond rouge.

Le CSS permet aussi de définir plus précisément la manière de représenter un élément grâce aux id et aux class. Les identifiants (id) sont utilisés pour caractériser un élément unique (un menu, un mot...), mais les class sont utilisés pour pour caractériser un ensemble d'éléments (comme des menus organisés de manière similaire.)

Par exemple : l'on place dans le fichier de contenu (fichier HTML, ou similaires), comme ceci :
\r\n

Je suis né en Alsace. [...]

\r\n
et dans le fichier de contenant :
.beau_paragraphe { text-indent: 1em; }
Ceci donnera un alinéa à la class .beau_paragraphe, soit ici la phrase "Je suis né en Alsace."

La présentation est donc bien séparé du contenu. (C'est suite à la prise en compte des avantages de CSS que le W3C déconseille maintenant les éléments et les attributs de présentation en HTML, comme align="" ou .)

Les descriptions CSS peuvent être donné à l'intérieur d'un document HTML, ou importé séparément dans le lecteur. Cette possibilité donne une certaine flexibilité à CSS. De plus, CSS peut être utilisé avec XHTML, XML, ou avec n'importe quel format de document structuré correctement implanté dans un logiciel ou dans un navigateur.

Histoire de CSS

Les feuilles de style étaient déjà là sous une forme ou une autre depuis le début de HTML dans les années 1990. Plusieurs navigateurs avaient leur langage de style propre qui pouvaient être utilisé pour personnaliser les documents web. À l'origine, les feuilles de style étaient destinés aux utilisateurs finaux. Les premières versions de HTML ne possédaient pas beaucoup d'outils pour la mise en forme, et c'était donc souvent à l'utilisateur de décider comment le document allait s'afficher.

HTML se développait, et il permettait de répondre à l'attente des développeurs web. Avec ces fonctions naissantes, les feuilles de style devinrent moins importantes, et un langage externe permettant de définir le style n'a pas été entièrement accepté jusqu'au devéloppement de CSS.

Le concept des feuilles de style a été à l'origine proposé en 1994 par Håkon Wium Lie ; Bert Bos travaillait au même moment sur un navigateur appelé Argo, utilisant les feuilles de style ; ils décidèrent alors de développer ensemble CSS.

Quelques langages de feuille de style avaient déjà été proposés, mais CSS était le premier à inclure l'idée de "cascade" (feuille de style en cascade) – la possibilité pour le style d'un document d'être hérité à partir de plus d'une "feuille de style". Cela permettait d'outre-passer le style d'un site spécifique, en héritant, ou en "cascadant" le style du site dans d'autres régions. Cette fonction permet donc un gain de contrôle, à la fois pour l'auteur du site, et pour l'utilisateur. Elle permet aussi un mélange de préférences relatives de style.

La proposition de Håkon a été présenté à la conférence "Mosaic and the Web" de Chicago en 1994, et par Bert Bos en 1995. À cette même époque, le World Wide Web Consortium (W3C) se créait, et le consortium se prit d'intérêt pour CSS, et organisa un travail autour du langage. Håkon et Bert étaient les responsables du projet. D'autres membres, comme Thomas Reardon (de Microsoft) y ont participé. Fin 1996, CSS était presque prêt à être officiel. La norme CSS1 fut publiée en décembre 1996.

En 1997, CSS a été attribué à un groupe de travail au sein du W3C, présidé par Chris Lilley. Ce groupe commença par s'occuper des problèmes non réglés par CSS1, ce qui entraîna la parution de CSS2 comme une recommendation officielle en mai 1998. CSS3 est actuellement en développement.

Difficulté d'intégration

Bien que CSS1 ait paru en 1996, trois ans ont été nécessaires pour qu'un navigateur achève l'implémentation complète de cette spécification. Internet Explorer 5.0 pour Macintosh lancé en mars 2000 fut le premier à supporter complètement (à plus de 99%) CSS1. Les autres navigateurs suivirent peu après, et beaucoup implémentèrent des parties de CSS2, même si en 2003, aucun navigateur n'ait fini l'implémentation de CSS2.

Même les navigateurs qui ont achevé leur implémentation l'ont souvent fait avec difficulté ; beaucoup d'implémentation de CSS sont incomplètes ou buggués. Les auteurs ont la plupart du temps recours à des astuces (proche du bidouillage) pour réussir à obtenir un même résultat au traver de différents navigateurs et plates-formes. Un des bugs les plus connus est le bug des boîtes CSS d'Internet Explorer ; les largeurs des boîtes sont mal interprétés dans plusieurs versions de ce logiciel, ce qui entraîne un affichage correct dans la plupart des navigateurs, mais un affichage étroit dans IE. Ce bug est évité, mais non sans perte de fonctionnalité.

Ceci n'est qu'un bug CSS parmi des centaines d'autres qui ont été documenté dans différentes versions de Internet Explorer, Mozilla ou Opera ; la prolifération de ces bugs rend le travail multi-plateforme des designers plus compliqué. Actuellement, le moteur de rendu Gecko de Mozilla est celui qui interprète le mieux CSS, tandis qu'Internet Explorer reste le pire lorsqu'il s'agit de rendre correctement les feuilles de style paramétré suivant les règles du W3C.

Liens externes