Cheatsheet
HTML et CSS

La hiérarchie

Parents et enfants

En ce cas : "li" est enfant de "ul" qui est enfant de "article" qui est enfant de "section" qui est enfant de "body".Body est le parent ultime, il contient tout le reste.

Dans le conteneur "article", "h2", "h3", "ul" et "p" sont frères, parce que sur le même pied.

Haut de page

Les unités "responsive"

Comment choisir ?

En gros : les largeurs de boîte (width), les marges et les paddings gauche et droite sont indiqués en %. Les hauteurs de boîte (width), les marges et les paddings haut et bas sont indiqués en px.

Pour les textes, on indique en "em" à partir d'une valeur de référence indiquée dans le body : font-size:14px.

Le calcul : ce que je veux ÷ ce que j'ai (14px) = ce que je dois indiquer en em. Exemple, un texte de 36px donnera 36 ÷ 14 = 2,5, soit 2.5em.

Haut de page

Les class et les ID

Comment choisir ?

A retenir :

Haut de page

Les sélecteurs

Comment choisir ?

Haut de page

Le box-sizing

Contenu par défaut dans le "reset_helha", les propriétés du box-sizing sont utilisées pour calculer la largeur et la hauteur des éléments.

Pour un élément de taille fixe, l'ajout d'un padding ou d'une bordure s'exprimera vers l'intérieur ou l'extérieur.

Comment choisir ?

Haut de page

Schéma box-sizing