Bardzo często na stronach internetowych można spotkać ikonę drukarki lub link „strona do druku”. Pod nimi kryje się specjalnie przygotowana wersja strony, która będzie zawierała wyłącznie treść, bez nawigacji czy menu.
Dzięki stylom CSS przygotowanie wersji strony do druku jest bardzo łatwe. Wystarczy zrobić dwa arkusze stylów CSS: jeden do wyświetlania strony na ekranie, drugi do drukowania. Kod strony jest taki sam dla obu wersji.
Przykład:
<link rel="stylesheet" type="text/css" href="screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="printing.css" media="print" />
W arkuszu dla drukowania można np. ukrywać elementy nawigacji czy zmieniać czcionkę aby wydruk był czytelniejszy.
