CSS: Formatting Text
monospaced combination
"Courier New", Courier, monospace
fantasy combination
"Marker Felt", "Comic Sans MS", fantasy
serif combination
"Times New Roman", Times, serif
white: hexadecimal notation
#FFFFFF (or #FFF)
typical default font size
16px or medium
sans-serif combination
Verdana, Arial, Helvetica, sans-serif
text-decoration: underline overline;
adds a line over and under the text
text-decoration: underline;
adds a line under the text
text-decoration
adds various enhancements to text
serif fonts
best for long passages of text
text-transform: capitalize;
capitalizes the first letter of each word
text-decoration: line-through;
draws a line through the center of the text
quotation marks
enclose font names composed of more than one word
<h1> bold
h1 {font-weight: bold;}
<h1> no bold
h1 {font-weight: normal;}
font-style
lets you italicize text or not
font-weight
lets you make text bold or not
text-transform: uppercase;
makes all letters uppercase
text-transform: lowercase;
makes all text lowercase
hexadecimal notation
most common color system used by Web designers
fantasy fonts
not used heavily in Web design
sans-serif fonts
often used for headlines
monospaced fonts
often used to display computer code
fonts must be available
on the client computer
<p> italicized
p {font-style: italic;}
<p> remove italics
p {font-style: normal;}
%
percentage of inherited size
px
pixels
four (common) ways to specify font sizes
px, %, em and keywords
text-decoration: none;
removes inherited text decoration (e.g., a link)
text-transform: none;
removes inherited text transformation
white: RGB
rgb(255,255,255) or rgb(100%,100%,100%)
five font families
sans-serif, serif, monospace, cursive and fantasy
font-variant: small-caps;
sets type as small-caps
RGB
specifies red, green, blue values using % or 0 - 255
best practices for font size specification
specify body font size via keyword; specify all other elements relative to body font
em
times larger/smaller than inherited size
font-family
used to specify a list of preferred font families
color
used to specify font color
font-size
used to specify font size
keywords
xx-small, x-small, small, medium, large, x-large and xx-large