Media Types Example - Screen, Print and Handheld

This is how I have linked the CSS-files to this document:

<link rel="stylesheet" type="text/css"
media="screen" href="screen-example.css" />

<link rel="stylesheet" type="text/css"
media="print" href="print-example.css"  />

<link rel="stylesheet" type="text/css"
media="handheld" href="handheld-example.css"  />

Different CSS for certain Media

The heading above, this paragraph and the list below will have different CSS properties and different values for some of those properties dependent on the media type.
This is what the style sheets in the different CSS-files looks like :