Media Types - Media Dependent Style Sheets

The purpose of this assignment was to understand how to use CSS to specify how a Web page is to be presented on different media.

The description and my solution of the Media Types -assignment can be viewed at the bottom of this page.

Why and when should the Media Types feature be used?

A very important feature of style sheets is that they can specify how to present a (X)HTML document for certain media such as screen, paper, speech synthesizer, braille device, etc.

Some CSS properties are only designed for certain media, and on occasion style sheets for different media types may share a property, but require different values for that property.

The "font-size" property for example is useful both for screen and print media. However, since a screen typically need a larger font than a paper, different values for the font-property may be useful.

Different values for the font-style property could also be useful since some fonts styles are easier read on screen while others are easier to read on paper.

In certain design layouts, some sections(e.g. a navigation menu) of a HTML document that should be displayed on screen would best be hidden in print media.

For these reasons - and others -, it's a good practice to express that a style sheet - or a section of a style sheet - applies to different media types.

Assignment Description

Create an example page that use different style sheets for different media.

My solution, Assignment Files

Try the Media Type Example

«  Previous Next  »