Sie können innerhalb einer Webseite mehrere Aspekte für Schrift- und Textlayout ändern. Wie Sie bereits gesehen haben, können Sie die Schriftfarbe, die Schriftart, den Schriftstil sowie die Schriftgrösse ändern. Sie können den Text auch so umwandeln, dass er in Kapitälchen dargestellt wird, oder so, dass jedes Wort innerhalb eines Blocks grossgeschrieben wird. Sie können auch eine Textdekoration einfügen oder entfernen wie etwa Unterstreichen oder Durchstreichen, und Sie können die Abstände im Text regeln.

Der Shortcut font stellt eine Methode dar, eine oder mehrere CSS Eigenschaften anzugeben, unter anderem die Gewichtung, den Stil und die Schriftfamilie. Auch hier wird der Standardwert angewendet, wenn eine Eigenschaft nicht gesetzt ist.

Beachten Sie, dass die Attribute, die die Abstände steuern, Werte in Inch, in ex-Einheiten (durchschn. Grösse des Buchstabens X für diese Schrift), in em-Einheiten (durchschnittl. Höhe für Buchstaben der Schrift) oder in Pixeln angegeben werden können. Schriftgrössen können auch in Punkten, pt, angegeben werden.

<STYLE type="text/css">    <!-        BODY { margin-left: 2.0in;                   color: magenta;                   background-color: black;                   background-image: url(sidebar.jpg);                   background-repeat: repeat-y;                   background-attachment: scroll                }        H1 { color: yellow;               font-family: Fantasy;               font-size: 28pt;               margin-left: -1.5in            }        P { text-indent: 0.25in }        P.small { font-variant: small-caps;                    letter-spacing: 0.1em;                    line-height: 80%                  }        P.upper { text-transform: uppercase;                      font-weight: bold                   }        IMG { float: left }        A { text-decoration: none;             color: yellow;           }        STRONG { vertical-align: super;                       color: orange                    }    -> </STYLE>

In diesem Beispiel besitzt die Überschrift für diese Seite eine andere Schriftart und Grösse. Alle Absätze sind um 0.25 Zoll eingerückt. Die Absätze mit der Klasse 'small' wurden zusammengedrückt, indem die Zeilenhöhe und die Zeichenabstände reduziert wurden. Ausserdem wurden alle Buchstaben in Kapitälchen dargestellt. Die Absätze mit der Klasse 'upper' sind nur in Grossbuchstaben und fett dargestellt. Ausserdem sind die Anker-Tags auf Gelb gesetzt und alle Textdekorationen, etwa Unterstreichnungen, wurden entfernt. Diese Einstellung betriftt alle Anker-Tags, egal, ob es sich dabei um Namens-Tags handelt oder ob sie Links enthalten. Das strong-Tag wurde auf 'super' (hochgestellt) gesetzt, d.h., es wird etwas oberhalb des anderen Texts plaziert.

Beispiel