color – You can apply colour to a font with the simple
color property. It accepts RGB (Red, Green, Blue) colours most commonly in the form of hexadecimal colour codes. (CSS uses International English thus
colour as used here in old blighty, where we also walk on pavements and eat chips.)
There are a wealth of resources related to colour. Here are some useful ones:
- Maths is fun site is good at explaining RGB and hexidecimal colour codes.
- Adobe Kuler provides colour schemes built around a colour wheel.
- color-hex like Kuler but without the wheel.
font-family – used to dictate the font face used. Takes a list of fonts so that the first font listed is tried first, then the next etc. You are advised to end any
font-family listing with the name of the
font-family you wish to use ie serif, sans-serif. Fonts with white spacing in the name need to be placed in quotes.
font-family: "Courier New", sans-serif;
Tip: Many web sites use sans-serif fonts like arial, verdana and tahoma. This is because there some evidence that these font are read easier on a computer screen than fancier serif fonts like Times New Roman.
font-weight – used to apply subtler levels of ‘boldness’ to those available in normal HTML. These name be numeric values 100 through to 900 and descriptive values
normal the default.
Warning: The ability to use numeric values depends on the font in use.
The following properties can be used to format text.
text-decoration – used for adding text decoration such as underlines. Accepts the values
blink only works in Firefox. The
none value can be used to remove the underline from links as seen in our discussion of pseudo-classes.
line-height – used for adding line spacing in typography ‘leading’. Takes value in various units of measurement ie px, ems %. If no unit of measurement is used then the
line-height is based on the current font size. That is if the font-size is 12px then adding a
line-height of 1.5 will apply a 18px (12 + 6) line-height.
And there are more ….
These properties are designed to get you started – once you’re happy with these take a look at the fuller list of typography properties.