You can change the size of your page fonts with the font-size property. The values for the property, however, can be a bit tricky. Take a look at these values for font-size:
font-size: 200%;
font-size: 32px;
font-size: 2em;
font-size: xx-large;
font-size: 32px;
font-size: 2em;
font-size: xx-large;
Now try the other three sizes: 200%, 32px, and 2em. You should find that they are all the same size (or near enough).
Which one you use is up to you. In older browsers, however, using the fixed sizes values of px and em means your users may not be able to increase the size of your fonts. This matters to those whose eyesight may not be perfect, and therefore need a bigger font when reading your text. But browsers allow you to zoom in and out by holding down the CTRL key and pressing + or -. (You reset by pressing CTRL then 0.) So font-size values are not that important. A lot of professionals, though, will set the BODY tag's font-size to 100%, then use em as the value. Like this:
The other sizes are seldom used. But here they are:
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
Try them out and see what happens.x-small
small
medium
large
x-large
xx-large
smaller
larger
In the next part, you'll learn about styling fonts.