Le média va vous permettre de spécifier le support pour lequel est destiné un ensemble de propriétés css.

Par exemple, vous pouvez avoir des propriétés css destinées à l'affichage sur l'écran et d'autres propriétés css destinées à l'impression de la page.

Vous pouvez spécifier un ou des médias grâce à l'attribut HTML ou XHTML MEDIA :
Vous pouvez spécifier un ou des médias dans la css même grâce à la règle @import ou @media :

Certaines balises HTML ou XHTML et des règles CSS ont besoin que l'on précise un média :

all, convient pour tous les appareils ;
aural, pour les synthétiseurs de parole.;
braille, pour les appareils braille à retour tactile ;
embossed, pour les appareils à impression braille ;
handheld, pour les appareils portatifs (typiquement ceux avec petits écrans, monochromes et à bande passante limitée) ;
print, destiné à un support paginé opaque et aux documents vus sur écran en mode aperçu avant impression.
projection, pour les présentations en projection, par exemple avec des projecteurs ou des impressions pour des transparents.
screen, pour principalement les moniteurs couleurs ;
tty, pour les médias utilisant une grille de caractères fixe, tels les télétypes, les terminaux ou les appareils portatifs aux capacités d'affichage réduites. Les auteurs ne devraient pas utiliser de valeurs exprimées en pixel avec ce type de média ;
tv, pour les appareils du type télévision (avec ces caractéristiques : basse résolution, couleur, défilement des pages limité, sonorisé).

Les types de média font également partie de différents groupes de médias :

	Types
Groupes	braille	embossed	handheld	print
continu	X		X
paginé		X	X	X
audio			X
oral			X
tactile	X	X
grille	X	X	X
bitmap			X	X
interactif	X		X
statique	X	X	X	X

	Types
Groupes	projection	screen	speech	tty	tv
continu		X	X	X	X
paginé	X				X
audio		X			X
oral			X
tactile
grille				X
bitmap	X	X	X
interactif	X	X	X	X	X
statique		X	X	X	X