Headers and Relative SizesRelative font sizes are usually pretty intuitive. You set a size with a percentage and the font appears that percent larger or smaller than the surrounding text. Headers (<H1 ...> <H2 ...>
It's important to understand with relative fonts that they are relative to the surrounding element. For example, if you set your
<STYLE TYPE="text/css"> <!-- H1 {font-size:150%} --> </STYLE>
Surprisingly, this rule will probably make the H1 characters
smaller than usual, not larger. That's because the
Most browsers render H1 elements at twice the size of normal text. A relative size of 300% will probably give the effect of a fifty percent larger
<STYLE TYPE="text/css"> <!-- H1 {font-size:300%} --> </STYLE>
|