In the example??™s body rule
(shown in the following code block), serif fonts are defined for font-family, because serifs
are easier to read in print. Note that you??™re not only restricted to web-safe fonts at this
point either??”you can define choices based on fonts that come with the default install of
Windows and Mac OS, hence the choices of Baskerville (Mac) and Palatino Linotype
(Windows), prior to Times New Roman and Times.
body {
padding: 0 5%;
background: #ffffff;
font-family: Baskerville, "Palatino Linotype", "Times New Roman",
?‚ "Times", serif;
line-height: 16pt;
}
In the structure section, the #masthead declaration sets display to none. That??™s because
this area of the page is of no use for printed output??”you simply don??™t need website masthead
and navigation offline. (This is, of course, a generalization, and in rare cases this may
not be applicable; however, in the vast, vast majority of websites I??™ve created, the printed
version has not required the masthead and navigation links.) Note that if other areas aren??™t
required, just use a grouped selector instead of this rule with a lone selector, as shown in
the following code block (which isn??™t in the example CSS):
#element1, #element2, .class1, .class2 {/* these items won't be
?‚ printed */
display: none;
}
PUTTING EVERYTHING TOGETHER
393
10
Because pixel values don??™t tend to translate to print well, some settings may need to be
redefined.
Pages:
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504