Thursday, February 28

Styling your web for print usage

There are many different media types that you can apply to CSS, some of which are more useful than others, and they let you specify the look, feel, or sound of the web page that is linked to the CSS files.

The Useful Media Types
This list includes the media types that you will truly find a use for on regular occasions:

  • screen—For color computer screens
  • print—For printed versions of the document
  • projection—For presentation or kiosk versions of the document (where toolbars are removed, and the display renders completely full screen)
  • all—For styles that are suitable for all devices

Specifying the Media Type

<link href="css/mainstylesheet.css" rel="stylesheet" media="screen" />

<style type="text/css"> @import url("css/printstylesheet.css") print;</style>

Here the detail of this technique

No comments: