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