Step 11. Print CSS

If you want to faithfully reproduce the on-screen layout, change the links to your external style sheets so that they can be accessed by printers.

If you want to give the user a print-friendly page you can do the following.

  1. Duplicate your main css file (stylehseet1.css) and place one copy somewhere out of the way
  2. Look at the layout and decide what is necessary for the print version
  3. Use display: none; for anything you want to hide
  4. Change the file name, bring back the duplicated version and add a new link in the head of your document

Example: