Thursday, March 28, 2024

Using Cascading Style Sheets (CSS) for Printing

What you see is not always what you print, at least in regards to web pages. In this piece we’ll show you how to get what you see, and print it out to boot, using Cascading Style Sheets (CSS).


The first task is to make sure that your HTML works well with CSS to begin with. All of the content should be wrapped in a DIV. The blocks themselves need to be wrapped in DIVs as well, i.e. the header, footer, main content area, etc.


Tables should only be used for tabular data display. Use unique classes or IDs for each divs you use. Put your sub-components in divs, such as the navigation for the header, the login area, etc. You can get the media types and their descriptions from the W3C spec.

Get the Free Newsletter!

Subscribe to Developer Insider for top news, trends & analysis

Popular Articles

Featured