LES UNITES DE MESURE :

• % : prend un certain pourcentage de son container, ne peux etre utilisé que pour la largeur
• vw : view port Width (40vw = 40% de la largeur visible)
• vh : view port Height ( 40vh = 40% de la hauteur visible)
• em : permet de specifier une valeur par rapport a la taille de la police de notre element ou son parent. Souvent utilisé pour l'espacement des paragraphes
• rem : comme 'em' sauf que 'rem' depend de la police définie dans le html directement, taille de la police générale.

LE POSITIONNEMENT :

https://developer.mozilla.org/fr/docs/Web/CSS/position

• Absolute : vas de pair avec top, left, bottom et right. Width et Height peuvent être utilisés. Vas se positionner par rapport au premier parent en position relative sinon se positionne par rapport au DOM
• Fixed : reste fixé par rapport à la page web, passe au dessus des autres
• Relative : vas de pair avec top, left, bottom et right. Il change le comportement des elements enfants en position absolute
• Sticky : vas fonctionner comme un element static jusqu'a ce qu'il sorte du cadre de son element parent, à ce moment il prend le comportement d'un 'fixed'. Idéal pour les barres de naviguation permet de la laisser collée en haut de notre page

FLOAT :

Quand on utilises un float avec une image trop grande par exemple, c'est le float qui prime donc il va empièter sur les elements de notre site. Pour eviter cela on utilises la propriété CSS clear pour nettoyer le float

https://developer.mozilla.org/fr/docs/Web/CSS/clear

CSS GRID :

https://cssgridgarden.com/#fr