title: What does the media="" attribute in the stylesheet HTML definition refer to?
body: <p>I'm sure some of you have seen the following:</p>
  
  <pre><code>&lt;link rel="stylesheet" src="styles.css" media="screen,projection" /&gt;
  &lt;link rel="stylesheet" src="styles.css" media="print" /&gt;
  </code></pre>
  
  <p>Or whatever else...</p>
  
  <p>But what does the media attribute actually do? I've created several websites and I have never used the media attributes when linking stylesheets. Is that a mistake?</p>
  
  <p>Thanks,
  Amit</p>