HTML and CSS Reference
In-Depth Information
and in the basic CSS file:
@import url("advanced.css");
What Do You Put in a Print CSS File?
There are not any real hard-and-fast rules about what should or shouldn't go into a print CSS
file. However, let's take a moment to consider some of the characteristics of the printed format.
Keep in mind that in print you can't do the following:
Click on navigation items to take you to another piece of paper
Conduct a search or carry out a calculation
Zoom in or out on a map or resize text using a text widget of some kind
“E-mail this story to a friend”
Scroll the page
Send feedback
What you can do with print CSS is almost the reverse of the previous list:
Hide all navigation elements that are no longer any use
Hide search facilities or other interactive form elements
Hide controls that affect on-screen display
Hide links that spawn some browser or application functionality
In fact, anything that you can click on or interact with on screen may need some kind of
alternative treatment for print. Examples include hiding the element entirely or removing
some display attribute that no longer works in the printed format (for example, removing
underlines in body text links).
Note In most browsers, you do not need to be too concerned about dealing with background images that
appear on screen; they are usually set notto print by default and, as such, are unlikely to need any special
print-only treatment. One exception is Opera, which willprint backgrounds out by default (or at least it does
in versions 8 and 9 that we tested), but this can easily be unset in the File
Print Options menu. If you have
a sufficient number of Opera users, you might want to override background images for given elements, for
example, body {background-image:none;} , so that users do not have to specify this for themselves—
but it's not a major consideration that you need to worry about.
Search WWH ::

Custom Search