Search notes:

HTML link element: media query

<html>
<head>
   <title>Test for &lt;link&gt; with media attribute</title>

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

</head>
<body>

   <div>
      This text is rendered differently when displayed
      on the screen or when printed.
   </div>

</body>

Github repository about-html, path: /tags/link/media/the.html

screen.css

div {
  color: #42f;
  font-family: sans-serif;
}

Github repository about-html, path: /tags/link/media/screen.css

print.css

div {
  color: #444;
  font-family: serif;
}

Github repository about-html, path: /tags/link/media/print.css

HTML link element: media query

screen.css

print.css

See also