Cours 8

Anatomie d'une règle

Structure, ancêtre, déclaration

Sélecteurs

balise, #, ., combinaison, descendant

CSS Diner - Niveaux 1 à 8

Complétez les 8 premiers niveaux de CSS Diner 🍎

Flux

L’affichage de base des éléments dans une page

Padding

marge intérieur

Margin

marge extérieur

Background

color, image, gradient

Background - Candy Crush

Pour cet exercice, vous devrez recréer des mises en page inspirées du jeux Candy Crush en mettant à profit vos connaissances sur la propriété CSS background.

Display

block, inline, inline-block, none

Display - Celeste

Pour cet exercice, vous devrez complétez la carte de présentation de Madeline, l’héroine du jeu Celeste.

Vertical-align

baseline, top, middle, bottom, super, sub

Position

static, relative, absolute, fixed, sticky

Cat in the box - Niveaux 1 à 13

Utilisez la propriété position afin de déplacer les chats dans leurs boites respectives.