HTML and CSS Reference
In-Depth Information
:first-letter {color: red; font-size: xx-large;}">
This is a test. </p>
The emerging specification even suggested the importation of style sheets directly inline:
<div id="navbar"
style="@import url(navigationstyles.css);"> just an example </div>
While all these ideas are quite interesting, more than seven years after the working draft
was authored, not a single browser supports this syntax at the time this edition is being
completed. So, besides being too closely bound to tags, understand that unless this situation
has changed by the time you read this edition, only using inline styles is going to limit your
application of some of the more useful CSS selectors.
N OTE In numerous places in this topic, inline styles will be used to demonstrate the application of
look. While it is clear this choice does not demonstrate the ideal approach to bind style to markup,
the decoupled nature of other approaches simply does not lend itself to explanations in prose.
Frequent reminders will be given to encourage you to more loosely couple style and markup once
you understand the property or tag in question.
Media Types
A significant goal of CSS2 was to add support for other output media forms beyond the
computer screen. The CSS 2.1 specification defines numerous media types, listed in Table 4-5.
Today, primarily the values all , screen , and print are used, so until browser vendors or
developers of other user agents begin to support additional media types, these definitions
have no meaning outside of the specification.
Media Type
Definition
For use with all devices.
all
aural
For use with speech synthesizers.
braille
For use with tactile Braille devices.
embossed
For use with Braille printers.
For use with handheld devices.
handheld
print
For use with printed material and documents viewed onscreen in print preview mode.
projection
For use with projected media (direct computer-to-projector presentations), or printing
transparencies for projection.
screen
For use with color computer screens.
For use with speech-synthesized voice. CSS2 used the value aural instead.
speech
tty
For use with low-resolution teletypes, terminals, or other devices with limited
display capabilities.
tv
For use with television-type devices.
T ABLE 4-5 Media Types Defined Under CSS2.1
Search WWH ::




Custom Search