Een van de voordelen van CSS is dat je vooraf kunt bepalen hoe je site er uit gaat zien op het beeldscherm. Maar dit is niet alleen mogelijk voor het scherm, je kunt ook aparte stylesheets maken voor een mobiele versie of bijvoorbeeld voor spraakprogramma's. Wat ook handig is is het onderdeel van CSS speciaal voor een printversie van een pagina.
Ik heb hier een kort lijstje met alle media type’s van CSS.
Natuurlijk kun je een en dezefde stylesheet gebruiken voor alle mediavormen. Dat doe je als volgt:
In bovenstaand voorbeeld wordt het betreffende stijlblad weergegeven als de pagina wordt geprojecteerd, of als er een afdruk via de computer wordt gemaakt. Natuurlijk kun je deze manier ook aanroepen met @import, dat doen we dan als volgt:
