Prev | Current Page 89 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

Because your content
text always goes inside other elements, such as p and h4, you then
simply write rules that state that the p tag is .8em, and that text links are
.7em, for example. In this way, you establish proportional relationships
between all the text elements of your design.
Note that in Internet Explorer 6, when you set an em size for the body,
paragraphs size in proportion automatically, but h1 thru h6 don??™t;
you have to explicitly set some relative size for them (such as 1.1em
for h1, .9em for h2, and so on), otherwise they remain ?¬? xed at their
default sizes.
If you later decide to increase the overall size of the text in your site,
you can go back to the body tag and set its size to, say, 1.2em. Magically,
all your text increases in size proportionally by the same amount (a ?¬? fth
larger, in this case) because all the other tags inherit their size from the
body tag.
??? If you don??™t de?¬? ne font sizes with relative units, you effectively disable
the font sizing capabilities available in the View menu of Internet
Explorer (although other browsers can resize absolute font-size units),
and therefore disenfranchise visually impaired users who rely on that
capability to get your content to a size where they can read it. You need
to check frequently during development to make sure that upping the
font size in this way doesn??™t break your page??™s structure.


Pages:
77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101