CSS

Cascading Style Sheets (CSS), littéralement feuilles de style en cascade, est un langage de feuilles de style utilisé pour décrire la présentation d'un document écrit en HTML ou XML (cela inclut divers langages XML comme XHTML ou SVG).

CSS est l'un des langages clefs du Web ouvert et il est standardisé par une spécification W3C. Développé par niveaux, CSS1 est maintenant obsolète, CSS2.1 est une recommandation et CSS3, découpé en plusieurs modules, suit le processus de standardisation. Les premiers brouillons pour les modules CSS4 sont en cours d'écriture.

Dans les produits basés sur XUL comme la suite Mozilla, Firefox ou Thunderbird, CSS est aussi utilisé pour styler l'interface utilisateur de l'application. Par exemple, les thèmes utilisent intensivement les CSS pour personnaliser l'apparence de l'application.

Référence CSS

Une référence exhaustive pour développeurs Web expérimentés décrivant chaque propriété et concept CSS.

Tutoriel CSS

Une introduction pas-à-pas pour aider les débutants absolus à démarrer. Ce document présente tous les fondamentaux requis.

Démos CSS3

Une collection de démos montrant les dernières technologies CSS en action : une source régulièrement renouvelée d'inspiration.

Documentation et tutoriels sur le CSS

Référence CSS
Une référence sur CSS et ses extensions dans Mozilla.
Écriture de CSS efficace
Un guide d'écriture de CSS efficace destiné à être utilisé pour l'interface utilisateur de Mozilla.
Utilisation d'URL pour la propriété cursor
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) accepte les valeurs URL pour la propriété cursor CSS2/2.1. Celle-ci permet de définir des images arbitraires en tant que pointeurs de souris ; tous les formats d'images supportés par Gecko sont permis.
Colonnes CSS3
Un tutoriel court sur l'utilisation des colonnes CSS3.
Problèmes soulevés par le pseudo élément hover
Beaucoup d'auteurs utilisent la pseudo-classe CSS2 :hover pour styler leurs liens, mais les progrès du support CSS dans certains navigateurs provoquent des effets de survol agressifs inattendus sur certaines pages.
Indentation homogène des listes
Tenter de modifier l'indentation des listes via CSS est plus délicat qu'on le croit, mais uniquement car cette indentation est gérée de différentes manières par les navigateurs supportant CSS. Voici comment les remettre tous au pas.

Tous les articles…

Obtenir de l'aide de la communauté

Vous avez besoin d'aide pour un problème en CSS et vous ne parvenez pas à trouver la solution dans la documentation ?

Outils facilitant le développement CSS

  • Le Service de validation CSS du W3C vérifie si le code CSS fourni est valide. Un outil de débogage inestimable.
  • L'extension Firebug pour Firefox. Une extension populaire qui permet de modifier directement le CSS du site ouvert. Très pratique pour faire des tests. L'extension propose par ailleurs des fonctionnalités avancées.
  • L'extension Web Developer pour Firefox permet d'étudier et de modifier les CSS du site ouvert. Plus simple mais aussi moins complète que Firebug ; vient en complément.
  • Langages Open Web sur lesquels CSS s'applique : HTML, SVG, XHTML, XML.
  • Technologies Mozilla faisant une utilisation intensive de CSS : XUL, extensions et thèmes pour Firefox et Thunderbird.

 

Étiquettes et contributeurs liés au document

Dernière mise à jour par : Goofy,