How to make a CSS stylesheet work on printing

A website might look great on screen, but when printing the site might look awful. The problem might be that the stylesheet for the website might not be loading when printing. To fix this you must specify the media type that is being addressed by the stylesheet. The HTML code linking to the stylehseet might look something like this:

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

Note the second the media part. It only specifies "screen". This means anything other than a screen will not have style.css applied to it. Printing is not a screen type of media. The solution is simple. Just add "print" to the media types that the stylesheet is meant to be used with.

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

And now all the CSS applied to the website on a screen will also be applied to the page when printing.