Using Different Media Types with CSS

INSTRUCTIONS: To see the Print Media Type CSS, select Print Preview from your Browser's File menu.

The two objects that have been altered with CSS for print are:

The removal of the list (using the style attribute block:none; ) and
The containment of all the content on the page in a layer assigned a fixed width (using the style width: 500px;).

Why CSS is Great

Cascading Style Sheets (CSS) have been a major recommendation by the World Wide Web Consortium (W3C) for several years now, giving designers and programmers the highest degree of control over how Web content is presented in a browser window. Much like a word processor or page layout program’s style sheets, CSS for the Web allow adapted default formatting options as well as customized styles and positioning attributes that can be selectivly applied to text, images, lists, tables, and other objects on a page.

CSS allows you to take control over many aspects of presentation, including:

Font face, size, style, and color
Margins, padding, and indenting
Line and letter spacing
Background colors and images
Border colors
Table and list formatting
Layer size, style, and positioning
Hyperlink formatting

CSS is fairly easy to create and use and if you read the text and follow along with the exercises in this chapter, you’ll be up and running pages with CSS in no time.