Le CSS Cheat Sheet – Un guide complet pour les débutants et les professionnels

Dans cet article, nous allons partager le CSS cheat sheet ou bien l’aide-mémoire CSS qui vous sera utile pour tous vos projets de développement Web. De plus, vous trouverez 13 pages de déclarations CSS et CSS3 ainsi que plusieurs propriétés possibles. C’est parti !

Télécharger l’aide-mémoire CSS complet

Apprendre le CSS

La feuille de style en cascade ou CSS est un langage de feuille de style qui détermine l’apparence des éléments de votre site Web. Vous pouvez contrôler la conception, la mise en page, la police et la couleur du contenu de votre site Web en intégrant un fichier CSS dans votre document HTML.

Voyons comment fonctionne CSS, en décomposant la syntaxe :

selector {declaration}

La déclaration se décompose comme suit :

selector {property: value;}

Comme vous pouvez le constater, la syntaxe CSS se compose d’un sélecteur et d’un bloc de déclaration. Le sélecteur est l’élément HTML que vous êtes sur le point de contrôler. Le bloc de déclaration, quant à lui, contient le nom de la propriété et la valeur de l’élément HTML. Ces deux éléments sont séparés par deux points (:) et déclarés entre crochets ({}).

Disons que vous souhaitez que la taille de la police de votre premier titre (h1) soit de 20 pixels. Votre syntaxe devrait ressembler à ceci :

h1 {font-size: 20px;}

Dans ce cas, le sélecteur est h1. Ensuite, font-size est le nom de la propriété et 20px est la valeur..

Étant donné que CSS comporte un grand nombre de sélecteurs et de déclarations dont il peut être difficile de se souvenir, nous avons élaboré un aide-mémoire complet sur CSS et CSS3 pour vous aider à maîtriser ce langage.

Une fois que vous avez téléchargé le CSS cheat sheet ou bien l’aide-mémoire CSS, enregistrez le fichier sur votre appareil ou imprimez-le. De cette façon, vous trouverez facilement ce que vous cherchez.