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.