??? As you ?¬? ne-tune your design, you can proportionally change the size of all text by simply adjusting the body fontsize;
this changes the baseline size and all the other elements increase their size proportionally to that baseline.
Cons:
??? If you are not careful, nested elements can display very small text (using keyword sizing prevents this) because font
sizing is inherited
??? It is possible for users to ???break??? a CSS page layout that hasn??™t been designed for text sizing. For example, if the user
sets type to large sizes from the View menu, a ????¬‚ oating-columns??? layout can display weirdness like the right column
being forced down below the content area because it is too large to remain in place. In Chapter 6, where we create
advanced CCS-based page layouts, we??™ll review this problem, and ways to prevent it, in detail.
Most browsers have a default size for 1 em (16 pixels high), and if
you set text to 1 em, it takes on that default size. If you want text to
be three-quarters of that size, set it to .75 ems. If you want it to be
half, set it to .5 ems.
STYLIN??™ FONTS AND TEXT 77
First, modify the body selector to look like this
Although this doesn??™t produce a visible effect, you now have a
tweakable baseline size.
Pages:
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118