4em
}
h2 {
font-size:1.2em
}
h3 {
font-size:1em;
font-weight: bold
}
ul li {
list-style: square
}
img {
border: none
}
.error {
color:#CC0000;
Chapter 3
[ 49 ]
border: 1px #FF0000 solid;
font-size: 0.8em;
padding-left: 20px;
background: left no-repeat url(error.gif) #FFFF99
}
.debug {
background-color:#EEEEEE;
border: 1px #FF0000 solid
}
.button {
border: 1px #FF6600 solid;
background-color:#CCCCCC;
font-size: 1.2em;
font-weight: bold;
margin-top: 0.5em;
padding-left: 1em;
padding-right: 1em
}
Consider that a mobile device may not have many fonts, especially not the ones
we are used to. Typical devices have a few non-generic fonts, and at least one font
from serif, sans-serif, and monospace families. Hence, our designs must not rely
on particular fonts. When you are creating images and need to put text in them,
bitmapped fonts will work better at small sizes.
Notice that we have used em as the measurement unit in most cases. Defining sizes
relative to element size is very flexible and will render well across multiple browsers.
We use standard heading tags and other HTML elements for formatting so that even
if the browser does not have CSS support, our page will render acceptably.
Pages:
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84