Media Types

There are ten different media types in total, three of which you are most likely to already have encountered: all, screen, and print.

<link rel="stylesheet" type="text/css" href="all.css"    media="all" />
<link rel="stylesheet" type="text/css" href="screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css"  media="print" />

Aside from being able to specify a different style sheet for each media type, it is also possible to include these styles in your style sheet by using the following syntax:

@media print {
        /* print styles go here */
}