Skip to main content

Display

Display block

on peut définir width et height

Display inline

On ne peut pas définir width et height aucun effet. Si il y a un espace ou un passage à la ligne dans le html, Cet espace sera affiché.

Display inline-block

Comme inline mais on peut définir width et height.

Mesure

vh et vw est jamais relatif au parent mais toujours à la fenêtre.

em c'est par rapport a la police de l'élément. rem c'est par rapport à la police du body

Position

Static

par défaut Static

Relative

En relative on peut utiliser top , left, bottom, right

si on met un élément enfant en absolute, et que sont parent est en relative. L'enfant sera positionnée par rapport au parent. autrement il sera positioonné par rapport à la fenêtre

absolute

Lorsqu'un élément est en position absolute, il ne se comporte plus comme display inline-block il prendra une largeur de son contenu. Utiliser Left, right bottom et top

utilisation de overflow hidden

certaine fois. les marges déborde. on applique overflow hidden pour casser ce problème.

Marge

[https://grafikart.fr/tutoriels/espace-margin-css-1179#autoplay](Technique d'espacement)

Tip pour ajouter des marges à tous les enfants

.stack > * + *{
margin: 20px 0
}

Ajouter des images fake

https://via.placeholder.com/150x150