HTML and CSS Reference
effect of a new handheld style sheet and a few XHTML
coding changes/additions to the navigation is a Web page
that is more usable and accessible for mobile visitors.
As mobile devices evolve and mobile bandwidth
improves, there are sure to be new developments in this
area of Web design. If you are interested in exploring
this topic further, you'll find the resources below
Will every mobile device use my “handheld” style sheet?
Many mobile devices will apply the handheld style sheet when displaying your Web page.
However, some mobile devices, such as the iPhone, iTouch, and Nokia Internet Tablet, run
mini-browsers that render the style sheet configured for media="screen" and ignore the
media="handheld" style sheet. You'll need to test your mobile device. For a quick check,
visit http://htmldog.com/test/handheld.html to determine if your device applies a handheld
Figure 7.21 shows the “cascade” ( rules of precedence ) that applies the styles in order
from outermost (external styles) to innermost (actual XHTML coded on the page). This
way site-wide styles can be configured but overridden when needed by more granular
(or page-specific) styles.
The “cascade” of