Média

Dans un fichier css, il est possible de définir des mises en forme qui tiennent compte du média d'affichage
À l'origine il s'agissait de préciser la nature du support d'affichage : écran, papier, braille, ...
Les enrichissements actuels permettent de conditionner le style à la résolution ou à l'orientation de l'écran (entre autre)
Cette adaptation au média de destination se fait avec des règles du type @media ou @import
Les premiers medias possibles étaient très nombreux : all, screen, paper, braille, embossed, handheld, projection, speech, tty et tv !
Depuis, il ne reste plus que all (valeur par défaut), screen et print
Le media query peut être associé à des opérateurs logiques : and, not, only et , (virgule, agit comme un or)
Le media query peut traiter un grand nombre de caractéristiques relatives au support d'affichage : width, height, orientation, ...
Pour plus de détails :@media
@import permet aussi d'inclure une feuille de style dans une autre

Exemples :

@import url("fancyfonts.css") screen;

@media print {
* { color : black; background-color : white; }
}

@media screen and (width > 750px) {
    body { line-height: 1.2 }
  }