CSS
@font-face Importer des polices d'écritures
Anatomie d'une règle Structure, ancêtre, déclaration
Animation @keyframes, animation-name, animation-duration, etc.
Animation Sprite Sheet animation image par image
Animation Sprite Sheet animation image par image
Animation sprite sheet intermédiaire Animation adaptative (responsive) de feuilles de sprites
Aspect-ratio Créer un élément dont la dimension reste proportionnelle.
Background color, image, gradient
Border border, border-radius
Box-model Chaque élément d'une page est une boîte rectangulaire
Box-shadow Ombrage d'un élément.
Box-sizing border-box, content-box
Centrer un div Center une balise div vertic. et horiz.
Display block, inline, inline-block, none
Filtres blur, contrast, grayscale, sepia, etc.
Float Permet à un élément de flotter à gauche ou à droite
Flux L’affichage de base des éléments dans une page
Font color, family, weight, size, style, line-height
Google fonts + de 850 polices gratuites
Google fonts + de 850 polices gratuites
Grid Système de mise en page par grille
Grid intermédiaire Système de mise en page par grille
Linear-gradient Générer un dégradé.
Margin marge extérieur
Masquage clip-path, mask-image
Media queries Requête @media
Modes de fusion multiply, screen, overlay, etc.
Nommage et formatage À priori, nommer des éléments peut sembler facile.
Object-fit contain, cover, fill
Opacity Gérer l'opacité d'un élément.
Outline border, width, style, color
Overflow visible, hidden, auto, scroll
Padding marge intérieur
Position static, relative, absolute, fixed, sticky
Pseudo-classes hover, active, visited, focus
Pseudo-classes avancées :first-of-type, :only-of-type, :empty, :not, :has
Pseudo-classes intermédiaires first-child, last-child, only-child, nth
Pseudo-éléments ::before, ::after
Responsive Adaptation aux différents écrans
Scroll-snap scroll-snap-type, scroll-snap-align, scroll-padding
Spécificité Chaque sélecteur en CSS se voit attribuer un pointage.
Sélecteurs balise, #, ., combinaison, descendant
Sélecteurs avancés groupes, *, >, ~, +, [attr]
Text align, decoration, transform, stroke, shadow
Transformation translate, rotate, scale, skew, origin
Transition passer d'un état A à un état B
Unités de couleur hex, rgb, hsl, etc.
Unités de mesure vw, vh, vmin, vmax, calc, min, max, clamp
Unités de mesure avancées vw, vh, vmin, vmax, calc, min, max, clamp
Variables ::root, var(--varname)
Vertical-align baseline, top, middle, bottom, super, sub
Width & Height min-width/height, max-width/height
Z-index Order d'apparition des éléments dans le flux