Langages
Référence rapide CSS
Cheat sheet prêt à imprimer pour Référence rapide CSS, organisé pour une consultation rapide, l’étude et le bureau
Aperçu
Contenu de ce cheat sheet
- Sélecteurs
- Modèle de boîte
- Flexbox
- Grid
- Typographie
- Couleurs & Arrière-plans
- Transitions & Animations
- Responsive Design
- Positionnement
- Propriétés personnalisées
Sélecteurs de base
* | Universel — tous les éléments |
div | Type — tous les éléments `<div>` |
.class | Classe — éléments avec cette classe |
#id | ID — élément avec cet identifiant |
[attr] | Attribut — possède l'attribut |
[attr="val"] | Attribut égal à la valeur |
Combinateurs
A B | Descendant (toute profondeur) |
A > B | Enfant direct uniquement |
A + B | Frère adjacent (suivant) |
A ~ B | Frères généraux (tous après) |
Pseudo-classes
:hover | Survol de l'élément |
:focus | Élément avec le focus |
:first-child | Premier enfant du parent |
:nth-child(n) | Nième enfant (base 1, `odd`, `even`, `2n+1`) |
:not(sel) | Négation — exclure les correspondances |
:has(sel) | Sélecteur parent (contient une correspondance) |
Téléchargez le cheat sheet complet avec toutes les sections, formaté pour l'impression
Télécharger le PDFTéléchargements
Choisissez la variante adaptée à votre lecture
-
Recommandé
Standard
Noir et blanc, économe en encre. Le choix par défaut pour imprimantes laser et photocopies
Idéal pour Impressions et référence de bureau
-
Couleur
Accents chauds pour la lecture à l’écran ou les imprimantes couleur
Idéal pour Lecture à l’écran ou imprimantes couleur
-
Carte de référence
Densité maximale, mise en page 4 colonnes. Tout sur une seule page
Idéal pour Balayage rapide et usage minimal du papier