Aide-mémoire - Unité CSS
Unité relative à la taille de la police de l'élément racine (<html>). Généralement équivalent à environ 16 pixels par défaut.
Unité absolue en pixels. Généralement la plus petite unité de mesure utilisée en CSS.
Unité relative au parent de l'élément. Par exemple, width: 50% signifie que l'élément prendra 50% de la largeur de son parent.
Unité relative à la largeur de la fenêtre d'affichage. 1vw équivaut à 1% de la largeur de la fenêtre.
Unité relative à la hauteur de la fenêtre d'affichage. 1vh équivaut à 1% de la hauteur de la fenêtre.
Unité relative à la taille de la police dans le conteneur courant. 1em est donc plus grand dans un titre que dans un paragraphe par défaut.
Valeur hexadécimale pour définir une couleur. Les 2 premiers caractères représentent le rouge, les 2 suivants le vert et les 2 derniers le bleu.
Valeur hexadécimale abrégée pour définir une couleur. Chaque lettre/chiffre corresponde à une valeur de rouge, vert ou bleu dans l'ordre.
Valeur RGB pour définir une couleur. Les trois nombres représentent les valeurs de rouge, vert et bleu respectivement.
Valeur RGBA pour définir une couleur avec transparence. Le quatrième nombre représente l'opacité (1 étant opaque et 0 transparent).
Valeur HSL pour définir une couleur en termes de teinte, saturation et luminosité.
Valeur HSLA pour définir une couleur avec transparence en utilisant la teinte, saturation et luminosité.
Un angle, en degré, souvent utilisée dans les transformations CSS. Par exemple, transform: rotate(45deg) fait pivoter un élément de 45 degrés.
Un angle, en radians, utilisé dans les transformations CSS. Par exemple, transform: rotate(0.785rad) fait pivoter un élément d'environ 45 degrés.
Unité de temps en secondes, souvent utilisée pour les transitions et animations CSS. Par exemple, transition: all 0.5s signifie que la transition prendra 0.5 seconde.
Unité de temps en millisecondes, souvent utilisée pour les transitions et animations CSS. Par exemple, transition: all 500ms signifie que la transition prendra 500 millisecondes (0.5 seconde).
Fonction pour effectuer des calculs CSS. Par exemple, width: calc(100% ‑ 20px). Le calcul peut inclure des unités différentes et même des constantes.
Fonction pour définir une URL, souvent utilisée pour les images de fond. Par exemple, background-image: url('image.jpg').