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.