CSS3 Font Face Utiliser des polices de caractère non standard
Lattribut media avant CSS Media Queries !
Lattribut media avant CSS3 1./* fichier: style.css */ 2.body { 3. color: red; 4. font-size: 14px; 5.} 6. print { 8. body { 9. font-size: 18px; 10. color: black; 11. } 12.}
Ce qui change avec CSS3 Possibilité de ciblage étendues Largeur et hauteur de lappareil ou de la zone de visualisation width/height, device-width/device-height Orientation (portrait, paysage) orientation, landscape / portrait Résolution (en dpi par exemple) resolution Ratio de lappareil (16/9, 4/3 par exemple) aspect-ratio
Ce qui change avec CSS3 Possibilité de mélanger plusieurs critères pour un seul bloc en utilisant des opérateurs logiques (et, ou, non, uniquement) Par screen and (max-width:640px){ /* ici du css */ }
Le problème du viewport sur mobile Affichage avec le viewport par défaut
Le problème du viewport sur mobile head 3. meta 4. Media Queries ! title meta head 9. body body
les points de rupture telephone width < 768px tablette width >= 768 et =< 992 ordi de bureau width >= 992
les points de rupture screen and (max-width:768px){} screen and(min-width: 768px) and (max- width: 992px){} screen and (min-width: 992px){}
Exemples de sites