Choose a link to get started:



ALL NEW!!!

Scrolling Marquees


The Basics

The Basics
Manipulating Text
Images
Backgrounds
Links


More Advanced Topics

The <HEAD> Tag
Tables
Forms
Frames
Lists


Advanced Topics

Image Maps
CSS - Part 1
CSS - Part 2
CSS - Part 3
CSS - Part 4


Additional Topics

XML Tag Formatting
XHTML - Part 1
XHTML - Part 2

CSS Basics - Part 4 - Command List

        Like I said in the last tutorial, this will be a reference page of what you can do with CSS. Nothing covered in previous tutorials is included at the moment, however, there will be a big list, as in the other chapters, again here at the end. Anyway, enough talk. Let's get down to buisiness.




Manipulating Font




font-family
describes the font type, such as arial, courier, etc..
VALUEEFFECT
Arial
Arial font
Courier
Courier Font
"Times New Roman"
Times New Roman Font
Any font name can be used
If more than one word, place in quotes


font-variant
VALUEEFFECT
normalNORMAL TEXT
small-caps
SMALL SECONDARY TEXT


font-size
VALUEEFFECT
xx-large
xx-large
x-large
x-large text
large
large text
medium
medium text
small
small text
x-small
x-small text
xx-small
xx-small text
larger
larger text
smaller
smaller text
Can be any unit and number
Ex. 50pt, 5pc, etc..





Text Manipulation




word-spacing
VALUEEFFECT
normalnormal word-spacing
1cm
1 centimeter space
Can be number with unit of measurement


text-transform
VALUEEFFECT
capitalizeCapitalizes First Letter
uppercaseEVERYTHING UPPERCASE
lowercaseeverything lowercase
nonenO EffeCT





        Well, that is about it for now. As promised, here is a list of what we have talked about.

  • color
    • any color
  • font-family
    • Arial
    • "Times New Roman"
    • any other font
  • font-size
    • xx-large
    • x-large
    • large
    • medium
    • small
    • x-small
    • xx-small
    • larger
    • small
    • any unit of measure
  • font-style
    • normal
    • italic
    • oblique
  • font-variant
    • normal
    • small-caps
  • font-weight
    • normal
    • bold
    • bolder
    • lighter
    • 200
    • 300
    • 400
    • 500
    • 600
    • 700
    • 800
    • 900
  • text-decoration
    • none
    • underline
    • overline
    • line-through
    • blink
  • text-transform
    • none
    • capitalize
    • uppercase
    • lowercase
  • word-spacing
    • normal
    • 1cm
    • 2in
    • unit of measure


        Well, I hope you enjoyed the CSS tutorials. These all lead up to an Internet Explorer concept that makes using CLASS's and ID's old fashioned. XML Font Manipulation