This code means that the font chosen is arial but if the person viewing your website don't have arial on her computer she will see verdana. If she hasn't verdana either she will see tahoma. These are common fonts so it's not nescessary to write down more than arial here but if you use rare fonts this is good to know. Font-size and color is of course as stated size and color of your text.
font-size: 9px;
font-color: #000000;
Set the font-weight from normal to bold
font-weight: bold;
Set the font-style from normal to italic
font-style: italic;
Put a line over, under or through your text or make it blink. (Blink doesn't work in Internet explorer).
text-decoration: underline;
text-decoration: line-through;
text-decoration: blink;
Uppercase, lowercase or Capitalize your text.
text-transform: lowercase;
text-transform: capitalize;
Change the line-height
with this code.
Change the letter-spacing.
Change the word-spacing.
Choose a background-color for your text
Place your text to the left, center or right. Justify means that the right and left margins of the text will be straight like in a newspaper. As you can see this entire Whirlwind is coded with "align: justify".
text-align: center;
text-align: right;
text-align: justify;
You can use all the usual font codes to modify the look of the links. "text-decoration: none" will remove the browser standard underlining of the links. "Active" is the look of the link when you click on it, "hover" the look when you hold the mouse pointer over the link and "visited" of course what the visited links looks like.
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }