How can I have different CSS when I print or print preview?

Question

I\'d like to change some things on my web page. Also I would like to make some things hidden. Is there a way I can do this with CSS when I print? In particular I want to be

Answer 1

Yes, you need to use the media attribute when you include your css. E.g.

Or, you can use the media rule in your stylesheets if for example, you do not have enough changes to warrant a whole new stylesheet. Something like this,

@media print {
    // print specific styles.
}

See http://www.w3.org/TR/CSS2/media.html#at-media-rule, for details and valid media types.