Les styles CSS - Tutoriel et référence
CSS
CSS = Cascading Style Sheets.
Soit en français les feuilles de styles en cascade.
CSS est un langage de mise en forme qui peut s'appliquer à de nombreux types de documents mais son utilisation la plus courante est la mise en forme des pages HTML ou des documents XML.
HTML comporte lui aussi des possibilités de mise en forme mais, depuis la version HTML5, la mise en forme directe
dans le document HTML est devenue obsolète.
Il est en effet souhaitable de séparer les données et la mise en forme :
- HTML véhicule les informations proprement dites,
- CSS s'occupe de leur mise en forme.
CSS est un langage déclaratif facile à appréhender. Sa seule difficulté est de comporter beaucoup de mots clés. Ce site est là pour vous aider à retrouver les syntaxes.
Où commencer ?
Pour découvrir les principes de base du CSS, commencez votre lecture par les tutoriels. Vous pouvez aussi accéder directement à :
- La référence des
selectors, ou despseudo-classesetpseudo-elements. - La liste des les unités CSS.
- La liste des couleurs : les couleurs CSS.
- La liste des propriétés et de leurs valeurs, ainsi que la liste des fonctions sont accessibles à partir de la table des matières à gauche de l'écran ou du menu "hamburger" sur un mobile.
- Enfin, un index thématique est affiché ci-dessous.
Index thématique par modules.
La liste ci-dessous est celle des modules de standardisation publiés par le W3C. En cliquant sur un module, vous afficherez tous les termes définis dans ce module (propriétés, fonctions, etc.).
Anmations pilotées par un défilement
Compositions et mélanges
CSS 2 - Spécification concernant les feuilles de styles en cascade - Version 2
CSS 3 - Spécification concernant les feuilles de styles en cascade - Version 3
Événements de pointeur
Media Queries
Module CSS - Adaptation du terminal
Module CSS - Affichage
Module CSS - Ajustement de la taille du texte
Module CSS - Ajustement des couleurs
Module CSS - Alignement des blocs
Module CSS - Animations
Module CSS - Annotations Ruby
Module CSS - Arrière-plans et bordures
Module CSS - Cascade et héritage
Module CSS - Confinement
Module CSS - Couleurs
Module CSS - Débordements
Module CSS - Décoration du texte
Module CSS - Dimensionnement des blocs
Module CSS - Éléments positionnés
Module CSS - Fonctions d'accélération
Module CSS - Formes de base
Module CSS - Fragmentation
Module CSS - Génération de contenu
Module CSS - Images
Module CSS - Interface utilisateur de base
Module CSS - Les transitions
Module CSS - Listes et compteurs
Module CSS - Masquage
Module CSS - Media paginé
Module CSS - Mise en page en ligne
Module CSS - Mise en page multi-colonnes
Module CSS - Mise en page par flex-box
Module CSS - Mise en page par grille
Module CSS - Modes d'écriture
Module CSS - Modèle de blocs
Module CSS - Pages flottantes
Module CSS - Parole (TTS)
Module CSS - Polices de caractères
Module CSS - Propriétés et valeurs logiques
Module CSS - Propriétés personnalisées (variables) - Niveau 1
Module CSS - Pseudo-éléments
Module CSS - Règles conditionnelles
Module CSS - Régions
Module CSS - Styles de compteurs
Module CSS - Stylisation des barres de défilement
Module CSS - Tableaux
Module CSS - Texte
Module CSS - Traits et remplissages
Module CSS - Transformations
Module CSS - Valeurs et unités
Module CSS - Will change - Niveau 1
Module filtres et effets
Sélecteurs
Styles pour la restitution vocale
SVG (Scalable Vector Graphics)