Verschiedene Schriftgrößen definieren

Ich kann bisher H1-H6 formatieren, für den Content "p" oder Absatz als Schriftgröße. Ich möchte aber z.B. für Erklärungsfelder oder Bildunterschriften weitere, teilweise kleinere Schriftgrößen und Formate verwenden. Wie kann ich die anlegen? (CSS?) Was bedeutet in diesem Zusammenhang im Texteditor "vorformatiert"?

In diesem Falle geht es speziell um den Kommentar neben dem Thumb. http://www.ehrenbreitstein.de/WP1/fotos/

Würde das gerne nochmal anschubsen, da ich immer noch keine Lösung gefunden habe. ich denke, man kann doch eine Schrift definieren, so wie "p" definiert ist. Aber wie benenne ich das und wie kriege ich das in den Text? Bzw. wenn ich eine Schrift so definiere

x {
    font-size: 10px;
    margin: 33px 0;
        color: rgb(153,68,0);
        font-style: italic;
        font-weight: normal;
}

wie kann ich das der Schrift dann zuweisen? Oder habe ich da ein grundsätzliches Verständnisproblem? :oops:

z. b. mit einem div oder einem span
<span class="x">