Formatting / Styling your text using CSS
For any element (e.g. h1, p, a, etc.) but particularly for your own divs, (e.g. navgation, body, ...) you may wish to define many properties at once. An example is the div 'text' in the free website templates.
Properties that you may like to style, and the style rules to use, are listed here.
CSS Formatting your text
For this example we'll style a div named 'text', but any element can have syles applied in this manner.
font family
text {font-family: "Verdana", serif;}
Missing fonts is an increasingly rare occurence. Macs, Linux and Microsoft operating systems and web browsers all come well equipped nowadays.
font size
text {font-size: 12px;}
font-size is inherited, so if you always use the same size text, define it in the 'body' element and the job is done.
In every browser I've tried (except Microsoft Internet Explorer) the visitor can resize the text to suit their young/old, good/bad eyesight.
The font size can also be changed relative to what comes before (the parent element) - 'larger', smaller', '75%', for example.
font style
text {font-style: normal;}
bold format
text {font-weight: bold;}
line height
text {line-height: 120%;}