Two different style sheets for two different media types (computer screen and print):

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="http://xhtml.co.il/tryit/html/theme.css"/> <link rel="stylesheet" type="text/css" href="http://xhtml.co.il/tryit/html/print.css" media="print" /> </head> <body> <h1>Xhtml.co.il Example</h1> <p><a href="http://xhtml.co.il/tryit/html/en/tryhtml_link_media.htm" target="_blank">Click here</a> to open this page in a new window (without the tryit part).</p> <p>If you print this page, or open it in print preview, you will see that it is styled with the media="print" stylesheet. The "print" stylesheet contains black text on white background.</p> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself