CSS Fonts

It's probably pretty obvious to you what this one does. What isn't so obvious is all the different values you may use for it. So here is a list of them and what they mean:

Absolute expression:

• xx-small
• x-small
• small
• medium
• large
• x-large
• xx-large

Just like clothes sized with these designations depend on the manufacturer, these values depend on the browser being used to determine the size.

Relative expression:

• smaller
• larger

Just like the header suggests, these are relative to their parent element or if it's a root element, the browsers font setting.

Lengths:

• px-Pixels, must be an integer (whole number).
• pt-Points, about 1/72 of an inch.
• pc-Pica, equals 12 points.
• em-a value measured by the width of the uppercase letter M for the font being used.
• ex-a value measured by the height of the lowercase letter x for the font being used.
• mm-Millimeters.
• cm-Centimeters.
• in-Inches.

Percentage:

• %-A percentage of the parent elements font size setting. Again, if it's a root element, then the browsers font setting.

A value of 150% will give you a font 1 1/2 times bigger.

Something to remember with these last two is that the value and its denotation can not have a space between them.