Cours 9
Unités de mesure
absolue, relative, %, em, rem
Font
color, family, weight, size, style, line-height
Text
align, decoration, transform, stroke, shadow
Text - Focus
Pour cet exercice, vous devez manipuler les propriétés de texte en CSS afin de recréer un effet typographique.
Width & Height
min-width/height, max-width/height
Width/Height - System32
Pour cet exercice, vous devez créer en HTML et CSS une page présentant une bande dessinée d’Andrew AKA system32comics.
Width/Height - Prévert
Pour cet exercice vous devrez en CSS compléter l’affichage du célèbre poème: Le cancre, du français Jacques Prévert.
Border
border, border-radius
Border-radius - Q-bitz
Pour cet exercice vous devez recréer un motif à partir de tuiles contenant des formes, comme dans le célèbre jeu de scociété Q-bitz.
Box-model
Chaque élément d'une page est une boîte rectangulaire
Box-model - Broforce
Pour cet exercice, vous devez complétez en CSS une interface permettant à deux joueurs de sélectionner leurs personnages en mode versus à Broforce.
Box-model - Marc Séguin
Pour cet exercice, vous devez mettre en valeur des toiles de l’artiste peintre québécois Marc Séguin en ajoutant uniquement du CSS.
type, title, description, image, url, etc.
Unités de couleur
hex, rgb, hsl, etc.