beginners builders masters
 
SEARCH: webmonkey  the web

 
Stylesheets
-------------------------
Print
this article for free. 
-------------------------

Overview

Lesson 1

Lesson 2

Lesson 3
1  Mulder's Stylesheets Tutorial — Lesson 3
2 Spacing Words and Letters
3 Spacing Between Lines
4 Aligning and Indenting Text
5 Margins and Padding
6 Borders
7 Floating Stuff
8 Lesson 3 Exercise
9 Review of Lesson 3

Lesson 4

Lesson 5



Mulder's Stylesheets Tutorial
Lesson 3

by Steve Mulder

Page 1 — Mulder's Stylesheets Tutorial — Lesson 3

Lesson 2 of our stylesheets tutorial was all about fonts and controlling text. This lesson is about how those words and lines can be spaced relative to one another. These stylesheets properties give us power over the space between words and letters, the leading (vertical spacing) between lines of text, and the alignment of text, margins and padding, borders, and floating elements.

Here's what we'll be covering:

  • word-spacing
  • letter-spacing
  • line-height
  • text-align
  • vertical-align
  • text-indent
  • margin-top, margin-left, etc.
  • padding-top, padding-left, etc.
  • border-width, border-color, border-style, etc.
  • float
  • clear
Obviously we have a lot to do in this lesson, so we're going to speed up a bit. Let's go!

next page»