Information Technology Reference
In-Depth Information
Figure 5-11.
The same Android Thoughts web page viewed when printed
A developer could also assign styles or style sheets to the “projection” media type, to
account for washed out colors in a site's header when viewing a project on a projector in
a meeting room (see Listing 5-7).
Listing 5-7.
Media Query Example 2: Changing background color based on media type
<style type="text/css" media="screen">
#header {
background: #444444;
}
</style>
<style type="text/css" media="projection">
#header {
background: #111111;
}
</style>
However, with CSS3, the concept of media types has evolved into something much
more beautiful and flexible, which gives Cascading Style Sheets the ability not to be just
a “dumb” mechanism for adding style to documents and markup made for the web.
