In the following examples, you work with the browser default size
of 1em, and later, when you start building sites, you can adjust this
baseline value to suit the needs of each design.
From the 1 em font-size baseline, let??™s set font sizes on each of the
elements, starting with the line under the logo that reads ???a New
Riders book??¦.??? (Figure 3.8).
There is an excellent blog item and
discussion on the thorny subject
of sizing fonts by Richard Rutter at
http://clagnut.com/blog/348/, so I??™ll
not waste more space here except
to say that if you care about people
being able to size the type on your
site, you need to read this. For an indepth
resource on font sizing, check
out the CSS-Discuss site at http://cssdiscuss.
incutio.com/?page=FontSize.
STYLIN??™ WITH CSS - CHAPTER 3 78
This line is an h3 element, so you??™re going to set it to .8 em. (I chose
this number because I??™ve done this before, and I know that??™s a nice
size for it.) Here??™s what you write
Figure 3.8 shows how this change looks.
FIGURE 3.8 The h3 headline is
styled to be smaller.
You can see that the headline is now much smaller than its original
default size. (You may be interested to know that by experimentation,
I discovered its default size was equal to 1.
Pages:
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120