Eric Meyer

on CSS

cover image
Available now!

Styling For Print

Project 6

preview image 1 preview image 2 preview image 3
Project files
Project 6 ZIP file Project 6 StuffIt file

Even though the biggest portion of our jobs involves electrons and digital bits, there is still a large role in this world for printed material. There are times when a resource is better comprehended, more comfortable, or just better suited to being on paper.

The authors of CSS recognized this, and the advent of CSS2 introduced the capability to apply styles to various media, chief among them print. The interesting thing about print styles is that they're almost never the first styles to be written for a Web document. It's almost always the screen styles first and then the print styles second.

In Project 6, we work with an article template from an online magazine that already has screen styles, and create a print-media stylesheet. In addition to introducing the principles at work in print styles, the project also uses a workflow method that readers will be able to use in their own styling projects.


Page 122

In the code block near the bottom of the page, the line td.leftside div, td.rightside div {display: none;} should be in red to indicate it is new.