CSS vaut pour Cascading Style Sheets, qui se traduit par feuilles de style en cascade. Le Consortium du World Wide Web (W3C) définit les CSS comme « un langage de feuille de style qui permet aux auteurs et aux lecteurs de lier du style aux documents structurés » (voir la Recommandation CSS 2 du W3C en version française). C’est le langage CSS qui permet, par exemple, de transformer une liste à puces une série d’onglets ou de changer le style par défaut des en-têtes de niveau 1 que plusieurs se refusent à utiliser parce qu’ils les trouvent trop envahissants.

Nature et limites du HTML

Initialement, le langage de balisage hypertexte (HTML) a été conçu pour mettre en évidence la structure logique d’un document texte. Une fois cette structure définie, des informations liées au contenu et à la mise en forme pouvaient être transmises d’un ordinateur à l’autre, sans devoir astreindre qui que ce soit à utiliser un même logiciel ou un même type de matériel ou de connexion réseau. Ce qu’on gagnait en indépendance se traduisait donc en termes de liberté et d’universalité.

Tel qu’il a été conçu à l’origine, le HTML devait suffire aux besoins de mise en page de la plupart des documents de type administratif, technique ou scientifique des chercheurs et des universitaires. Au fur et à mesure que la popularité du Web grandissait et que les possibilités graphiques s’amélioraient, le besoin de pouvoir élaborer des mises en page plus raffinées se fit sentir. Le réflexe initial fut de repousser les limites du HTML en créant de nouveaux éléments et en détournant les balises existantes de leurs fonctions initiales. Avec la multiplications des éléments HTML propriétaires, la multiplication des mauvaises pratiques et la confusion qui s’ensuivit, cette avenue se révéla vite sans issue.

Naissance et souplesse du langage CSS

Vint alors l’idée de créer un langage spécifiquement conçu pour la mise en page et le positionnement. Un langage qui permettrait au HTML de jouer son rôle, tout son rôle et rien que son rôle, et qui se présenterait en même temps comme une réponse appropriée aux aspirations légitimes de ceux qui souhaitent pouvoir réaliser des mises en page plus poussées sur le Web. Ce langage est bien évidemment CSS, grâce auquel il est théoriquement possible de réaliser des mises en pages jusqu’alors impensables en HTML.

Je dis « théoriquement » pour tenir compte des difficultés d’implémentation qu’a connu et que connaît encore le langage CSS. D’abord vu comme le remède éventuel à tous les maux, CSS n’a pas tardé à devenir le casse-tête des intégrateurs et desingers Web. La faute est en partie à mettre sur le compte des implémentations fautives ou incomplètes dont CSS a été ou est encore l’objet, et en partie aux imprécisions qui se trouvaient du côté des spécifications elles-mêmes.

Versions successives et difficultés d’implémentation

La première version de CSS vit officiellement le jour le 17 décembre 1996. Il fallut un peu plus de trois ans avant qu’un navigateur n’en implémente la totalité des possibilités. Une deuxième version de CSS vit le jour le 12 mai 1998 pour pallier aux déficiences des CSS 1. Cette fois, les premiers navigateurs à en implémenter les possiblités ne devaient paraître que sept ans plus tard, soit en 2005.

Au moment d’écrire ces lignes, une révision de la deuxième version de CSS est sur le point d’aboutir et une troisième version de CSS est en cours de préparation. Quant au jour où CSS 3 sera suffisamment pris en charge par les navigateurs pour que les développeurs puissent se permettre d’en utiliser les ressources, gageons que ce ne sera pas demain la veille.

Ressources organisées par thèmes

J’ai tenté de répertorier le maximum de ressources francophones et j’ai ensuite classé les références par thèmes afin de faciliter la recherche. Veuillez noter que les liens vers les produits et services qui suivent n’engagent pas forcément l’autorité morale de W3Québec.

Si vous avez des suggestions de ressources pour cette liste, veuillez écrire à Normand Lamoureux, responsable de la mise à jour de cette section.

Sommaire :

Les liens qui suivent pointent vers les sections appropriées qui se trouvent plus bas dans la page.

1. Validateur et documents du W3C

2. Articles et documents d’appoint

Article sur Wikipédia :

• Feuilles de style en cascade

Articles sur Openweb :

Articles sur Pompage :

3. Forums, tutoriels et listes de diffusion :

• Alsacréations
• WebmasterHub
• CSS Astuces

4. Ressources avancées

5. Autres ressources