Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Dernière révision Les deux révisions suivantes | ||
devweb:css [29-09-2013 23:39] edmc73 |
devweb:css [14-01-2020 16:15] edmc73 |
||
---|---|---|---|
Ligne 8: | Ligne 8: | ||
* A:hover + B (si B est frère directement suivant de A) | * A:hover + B (si B est frère directement suivant de A) | ||
* A:hover ~ B (si B est un frère suivant de A) | * A:hover ~ B (si B est un frère suivant de A) | ||
+ | |||
+ | ===== Unités ===== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | Pratique, si on veux une div de la hauteur de la fenetre visible moins 10 pixels | ||
+ | <code css> | ||
+ | height: calc(100vh - 10px); | ||
+ | </ | ||
+ | |||
+ | ===== Aligner / centrer verticalement ===== | ||
+ | |||
+ | Exemple pour centrer une image verticalement dans une div | ||
+ | <code html> | ||
+ | < | ||
+ | div{ | ||
+ | height: | ||
+ | line-height: | ||
+ | } | ||
+ | img{ | ||
+ | vertical-align: | ||
+ | } | ||
+ | </ | ||
+ | <div> | ||
+ | <img src...> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ===== Aligner / centrer horizontalement ===== | ||
+ | Soit tout simplement avec '' | ||
+ | |||
+ | Sinon il faut ruser | ||
+ | <code css> | ||
+ | div{ | ||
+ | width: 500px; | ||
+ | margin-left: | ||
+ | left: 50%; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | |||
===== Styliser les checkbox et boutons radio ===== | ===== Styliser les checkbox et boutons radio ===== | ||
Ligne 16: | Ligne 57: | ||
* http:// | * http:// | ||
+ | |||
+ | |||
+ | ===== Le blend mode ===== | ||
+ | |||
+ | La propriété CSS background-blend-mode décrit comment les éléments d' | ||
+ | |||
+ | Exemple => https:// |