Linking to media-dependent style sheets

When an external style sheet is linked to a document using the link element, the media attribute provides the name of the medium. In this example, the two linked style sheets are differentiated by the values of their media attributes.

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

By specifying that print.css has a media of print, it is called into use only when the document is printed.

Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.