If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
Definition and short description of Media Types:
The concept gives you the chance to specify how your document shall be presented in more typo of media. The difference stands in the layout presentation, on the screen, on the paper, with an aural browser.
Media Types :
Attention, some CSS properties are designed for just a certain media. And other properties can be used for different media. “font-size” can be used also for screen and also print media, but with different values.
Media Rules :
Certain rules gives you the opportunity to use some style rules to different media in the same style sheet. The following examples has 14 pixels font, that tells to the browser to display it on the screen. Though if the page is printed, you will need just 10 pixels font. Also see that the font-weight is set to bold, both on screen and paper.
The difference will be seen in a sec, when you will print the page and see under the paragraph under Media Types a different font, with a smaller size, than the rest.
Description
protection : use slides, for projected presentations;
braille : tactile feedback devices
all : type devices
aural :synthesizers for speech and sound
tty : teletypes and terminals for media