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
- 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.
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.
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 ?
- Consultez les forums dédiés de Mozilla : {{ListeDeDiscussion("dev-tech-layout", "mozilla.dev.tech.layout")}}
- Canal IRC #css (en anglais)
- Alsacréations, site avec un forum actif sur les standards web dont CSS
- Pompage.net, site de traduction d'articles en anglais et liste de discussion sur CSS
Sujets liés
{{CommunityBox("Mise en page Web", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|sujets sur CSS|Visit Stack Overflow, a collaboratively built and maintained Q&A site. See if you can find an answer; if not, you can ask your question there.||CSS-Discuss|https://www.css-discuss.org/|Liste de diffusion CSS-Discuss|Join the css-discuss mailing list, which is dedicated to discussing practical, real-world use of CSS.")}}