Another important thing about CSS on mobile platforms: many browsers will render the page in two passes: first to load the content, and then to apply the style sheet. So the user may see basic HTML formatting before the style sheet is loaded and applied. This is especially true if you are loading an external style sheet. Here are the five ways you can apply CSS in an XHTML MP page: 1. Linking to an external style sheet: type="text/css" media="handheld"> 2. Style definition within the document:
Building Pizza On The Run [ 48 ] 3. Document style sheet with @media qualifier:
4. Importing an external style sheet to the document:
5. Inline style for an element:
Some text
The preferred method is to link to an external style sheet and use inline styles to override. The following code defines the CSS we will use for POTR: /* POTR Mobile Style sheet */ body, td, p { /* Most devices have their own fonts, but let's give it a shot */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em } h1, h2 { color:#660033; border-bottom: 1px #000000 solid } h1 { font-size:1.