HTML 1 - Week 7 Review
CSS Font and Text Properties
font-family
. Spell names of fonts correctly
. Enclose multi-word font names in quotes
. Always use a list of fonts for best results:
. not all fonts are on all computers, so provide a choice
. end list with a generic font name:
. serif
. sans-serif (be sure to spell this correctly - sanS-serif)
. monospace
. cursive - not recommended, default is usually very small
. fantasy - not recommended, default is sometimes bizarre!
font-size - "recipe"
. Use keyword in body element Ð small or
medium is usually selected
. By default the h tags are a specific
percentage larger/smaller than body text
(h1=200%, h2=150%, h3=120%, etc.)
. Make changes in normal size using % or em
in order to stay coordinated with keyword:
. h2 {font-size: 130%;} or
. h2 {font-size: 1.3em;}
font-weight
. Choices are keywords or 100-900
. Keywords are usually selected, and only
normal and bold work in all browsers
font-style
. Choices are normal, italic, or oblique
. italic and oblique usually render the
same, so just pick one and stick with it
font-variant
. Choices are normal or small-caps
text-decoration
. Choices are none, underline,
overline, line-through, blink
. Frequently used to omit link underline
color
. Best practice is to use hexadecimal
color values, beginning with #
. Only 17 color names work on all
computers
. Can also use RGB values, but thatÕs for
experienced graphics people
. Get yourself a printed color chart Ð
http://www.visibone.com has nice ones
. Online Ð http://www.visibone.com/colorlab
Centering content
. To center text (or graphics) use
. text-align: center;
. Always use property in block element, not
in inline element
. Example:
. .center {text-align: center;} in the CSS
. 
in the HTML