Ressources Web sur les CSS
Entrée en matière
Signification et usage de CSS
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.
- Validateur et documents du W3C
- Articles et documents d'appoint
- Forums, tutoriels et listes de diffusion
- Ressources avancées
- Autres ressources
1. Validateur et documents du W3C
- Validateur CSS du W3C
- Cascading Style Sheets, level 1
- Recommandation CSS 1 du W3C en version française
- Cascading Style Sheets, level 2
- Recommandation CSS 2 du W3C en version française
- Cascading Style Sheets, level 2 revision 1
- Cascading Style Sheets, level 3 « under construction »
2. Articles et documents d'appoint
Article sur Wikipédia :
Articles sur Openweb :
- Passer aux feuilles de style (Laurent Denis)
- Boîtes bloc, boîtes en ligne et propriété display (Laurent Denis)
- Initiation au centrage CSS (Laurent Denis)
- Gérer les modèles de boîtes CSS standard et Microsoft (Laurent Denis)
- Initiation au positionnement CSS : 1.flux et position relative (Laurent Denis)
- Initiation au positionnement CSS : 2.position float (Laurent Denis)
- Initiation au positionnement CSS : 3. position absolue et fixe (Laurent Denis)
- Des puces en images (Pascale Lambert)
- Habillage de tableaux avec des CSS (Pascale Lambert)
- Bouton CSS (Pascale Lambert)
- Utilisation de background (Pascale Lambert)
- Utilisation des images dans les CSS (Sébastien Desvignes)
- Overflow avec fond fixe en CSS (Olivier Meunier)
- Cascade CSS et priorité des sélecteurs (Laurent Denis)
- Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design (Laurent Denis)
Articles sur Pompage :
- CSS : on reprend tout à zéro ! (épisoce 1) (Joe Gillespie)
- CSS : on reprend tout à zéro ! (épisode 2) (Joe Gillespie)
- CSS : on reprend tout à zéro ! (épisode 3) (Joe Gillespie)
- CSS : on reprend tout à zéro ! (épisode 4) (Joe Gillespie)
- CSS : on reprend tout à zéro ! (épisode 5) (Joe Gillespie)
- Création d'une mise en page fluide à l'aide des marges négatives (Ryan Brill)
- Les colonnes factices (Dan Cederholm)
- Domptez vos puces, dressez des listes (Mark Newhouse)
- Écrire des feuilles de style efficaces (Holly Bergevin et John Gallant)
- L'impression à votre façon (Derek Featherstone)
- Du stretching pour vos sites (Patrick Griffiths)
- Sprites CSS : Meurs, découpe d'images, meurs ! (Dave Shea)
- Les listes de définitions : mal utilisées ou mal comprises ? (Russ Weakley)
- Les Portes Coulissantes de CSS (Douglas Bowman)
- Les Portes Coulissantes de CSS - Chapitre II (Douglas Bowman)
- Les coulisses d'un design (Douglas Bowman)
- Feuilles de Styles en Cascades, Promesse contre Réalité, et un regard vers le Futur (Mark Newhouse)
- Faites bonne impression avec les CSS (Eric A. Meyer)
- Techniques et astuces pratiques pour une mise en page CSS (Mark Newhouse)
3. Forums, tutoriels et listes de diffusion :
4. Ressources avancées
- Essential bookmarks for web-designers and webdevelopers (Vitaly Friedman)
- SelfHTML : Feuilles de style CSS (Stefan Münz)
- Position Is Everithing (Big John et Holly Bergevin)
- Index dot CSS (Bryan Wilson)
- CSS bug table (RichInStyle.com)
- Will the browser apply the rule(s)? (Kevin C. Smith)
- CSS Filters and Hacks (dithered.com)
- Web standards software and learning (Westciv)
- CSS Hacks (CSS-Discuss)
5. Autres ressources
- The CSS box model hierarchy (Jon Hicks)
- Dix trucs CSS que vous ne connaissez peut-être pas (Trenton Moss)
- CSS tips and tricks, Part 1 (Roger Johansson)
- CSS tips and tricks, Part 2 (Roger Johansson)






