CSS : Feuilles de style en cascade

CSS est l'un des langages principaux du Web ouvert et a été standardisé par le W3C. Ce
standard évolue sous forme de niveaux (levels), CSS1 est désormais considéré comme
obsolète, CSS2.1 correspond à la recommandation et CSS3, qui est découpé en modules plus
petits, est en voie de standardisation.

Ressources principales
Introduction à CSS

Si vous débutez en développement web, n'hésitez pas à consulter l'article les bases de
CSS pour découvrir CSS, ce que c'est et comment l'utiliser.

Tutoriels CSS

Notre section Apprendre le Web - CSS contient de nombreux tutoriels pour vous
guider d'un niveau débutant à intermédiaire en CSS. Elle couvre l'ensemble des
concepts fondamentaux en CSS.

La référence CSS

Une référence exhaustive destinée aux développeurs web expérimenté et qui décrit
chaque propriété et concept de CSS.

Tutoriels
La section Apprendre le Web fournit différents modules qui permettent d'apprendre CSS sans
connaissance particulière préalable.

Introduction à CSS

Dans ce module, on commence avec les bases du fonctionnement de CSS : les

sélecteurs, les propriétés, écrire des règles CSS, appliquer du CSS à un document
HTML, utiliser des longueurs, des couleurs et d'autres unités. On voit également la
cascade et l'héritage en CSS, les bases du modèle de boîtes et comment déboguer du
code CSS.

Mettre en forme le texte

Dans ce chapitre, on voit comment mettre en forme du texte : changer la police, mettre
en gras, mettre en italique, gérer les espaces entre les lignes et les lettres, ajouter des
ombres portées, etc. En fin de chapitre, on voit comment appliquer des polices
personnalisées sur une page et comment mettre en forme les listes et les liens.

Mettre en forme les boîtes (en-US)

 Ensuite, on voit comment mettre en forme les boîtes CSS qui sont un composant clé
de la mise en page d'une page web. Dans ce module, on revoit le modèle de boîtes,
comment régler les propriétés de remplissage, bordures et marges, comment définir
des couleurs d'arrière-plan, des images et aussi comment appliquer des ombres et des
filtres sur les boîtes.

La disposition en CSS

Avant ce chapitre, on a vu les concepts fondamentaux en CSS, comment mettre en

forme du texte, comment manipuler des boîtes correctement, etc. On voit ici comment
correctement placer les boîtes dans la zone d'affichage (viewport). Grâce aux concepts
précédents, on peut désormais étudier les différentes méthodes pour positionner les
éléments sur une page : les boîtes flottantes, le positionnement fixe et les nouveaux
outils comme les boîtes flexibles (flexbox).

Références
La référence CSS

Une référence exhaustive, destinée aux développeurs web expérimentés. Elle décrit les
différentes propriétés et concepts qui composent CSS.

Les concepts majeurs de CSS

Plusieurs articles de cette section présentent les aspects clés du langage. On y décrit
notamment :

• la syntaxe et les formes du langage

• la spécificité et l'héritage
• les unités et valeurs CSS
• le modèle de boîtes et la fusion des marges (en-US)
• le bloc conteneur (en-US)
• l'empilement et le contexte de formatage de blocs
• les concepts de valeur initiale, valeur calculée, valeur utilisée et valeur réelle
• Les propriétés raccourcies
• Les boîtes flexibles CSS (flexbox)
• La grille CSS
• Les media queries (requêtes media)
• Les animations

Livre de recettes
Le livre de recettes de disposition CSS contient différentes recettes pour mettre en place
différentes dispositions courantes. En plus de fournir du code pouvant servir de point de
départ, ces recettes illustrent les différentes façons dont les spécifications CSS liées à la
disposition peuvent être utilisées ainsi que les choix à faire en tant que développeur.

Outils de développement pour CSS

 • Le service de validation CSS du W3C permet de vérifier si une feuille de style CSS est
valide.
• Les outils de développement Firefox permettent de visualiser, d'éditer une feuille de
style en direct grâce à l'inspecteur et à l'éditeur de styles.
• L'extension Web Developer permet d'éditer le code CSS des sites visités à la volée.
• D'autres outils, guide pour les débutants.

Voir aussi
• La partie CSS de la section Apprendre le Web.
• Les langages web sur lesquels CSS est souvent utilisé : HTML, SVG, XHTML et
XML.
• Des technologies Mozilla qui emploient CSS : Firefox, les thèmes et extensions
Thunderbird.

Found a content problem with this page?

• Edit the page on GitHub.

• Report the content issue.
• View the source on GitHub.

Want to get more involved? Learn how to contribute.

This page was last modified on 21 sept. 2022 by MDN contributors.