Nouveau : Datasets open source gratuits disponibles !Decouvrir →
🎨
web 20 entrees

CSS Flexbox Cheatsheet

Apprenez les bases de CSS Flexbox avec cette cheat sheet pratique.

Bases & Syntaxe

p { color: red; }

Définit la couleur du texte des paragraphes en rouge.

Structures de données

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

Définit une animation qui fait apparaître un élément progressivement.

Fonctions & methodes essentielles

background-image: url('image.jpg');

Applique une image de fond à un élément.

Patterns courants

.clearfix::after {
  content: "";
  clear: both;
}

Utilisé pour le nettoyage des floats.

Operations avancees

transform: rotate(45deg);

Applique une rotation à un élément.

Debugging & outils

* { outline: 1px solid red; }

Affiche tous les élements de la page avec un contour rouge pour le débogage.

Projet CSS a lancer ?

Besoin d'aide sur un projet ? Decrivez-le pour des conseils personnalises.

Recevoir des conseils

Questions frequentes

A quoi sert cette cheatsheet CSS ?
Cette cheatsheet CSS regroupe la syntaxe, les commandes et les astuces essentielles pour CSS. Elle est concue pour servir d'aide-memoire rapide, que vous soyez debutant ou developpeur confirme cherchant une reference rapide.
Comment utiliser cette cheatsheet CSS ?
Parcourez les sections pour trouver la syntaxe ou la commande dont vous avez besoin. Vous pouvez la garder ouverte dans un onglet pendant que vous codez, ou la copier dans vos notes pour un acces hors ligne.
Cette cheatsheet est-elle a jour ?
Oui, nos cheatsheets sont regulierement mises a jour pour refleter les dernieres versions et bonnes pratiques de CSS. Si vous remarquez une information obsolete, n'hesitez pas a nous contacter.

Pages liees

Chaque semaine, le meilleur de la tech francaise

Tendances, salaires, outils et opportunites — directement dans votre boite mail.

Gratuit. Desabonnement en un clic. Pas de spam.