https://www.w3.org/Style/Examples/007/units.fr.html
Pratique, si on veux une div de la hauteur de la fenetre visible moins 10 pixels
height: calc(100vh - 10px);
Exemple pour centrer une image verticalement dans une div
<style> div{ height:150px; line-height: 150px; } img{ vertical-align: middle; } </style> <div> <img src...> </div>
Soit tout simplement avec text-align:center;
Sinon il faut ruser
div{ width: 500px; margin-left: -250px; left: 50%; }
La propriété CSS background-blend-mode décrit comment les éléments d’images d’arrière-plan doivent fusionner entre elles et avec la couleur de fond de l’élément.