246996016-HTML5-Step-by-Step

108 Chapter 7
Note There is not a big difference between xx-small and x-small, especially in Internet
Explorer 9.
You can define a font size for an entire tag in the style sheet like this:
p {font-size: 12px}
Or, embed it in a single paragraph’s tag like this:
This text is extra-small.
You can also specify relative sizing as a percentage of the base size, such as 120%.
Another way to specify relative sizing is in ems. An em is a multiplier of the base font;
for example, 2 em is two times the base size, or 200%.
For example, you could make text tagged as twice the size of the base font by
including this in the style sheet, as shown in the following:
h1 {font-size: 2em}
Or, you could set the size for an individual heading, like this:
This text is twice the base size.
To specify a font color, use the color attribute that you learned in previous chapters.
For example, to make text in all tags blue, place this style rule in the style sheet, as
shown this example:
p {color: blue}
To include the color attribute for a single tag, include it in the style attribute like this:
This is blue text.
You can use the basic or extended color names, as described in Chapter 4, “Using Lists and
Backgrounds,” or use hexadecimal or RGB naming. Refer to the colors.htm, extended.htm,
and websafe.htm files in the Reference folder of the downloadable companion content
for full-color swatches of these groups of colors.
Remember from Chapter 4 that the color attribute refers to the foreground color, or the
color of the text. You can also set a background color for the text. This is different from