Befehle, Befehle, Befehle → CSS Kapitel 2

Im ersten Kapitel wurde bereits erklä was CSS ist, wie es grundsätzlich aufgebaut ist. Hier sollen nun verschiedene Befehle vorgestellt werden und erklärt werden, wie man eigene Befehle erstellt.

Schriftbefehle:
  1. font-family [Gibt die Schriftart an (z.B. Arial, Impact...) ]
  2. font-size [Gibt die Schriftgröß in pt an (z.B. 10pt...) ]
  3. font-weight [Gibt die Schriftdicke an (normal, bold, bolder, lighter) ]
  4. font-style [Gibt die Schriftstil an (normal, oblique, italic) ]
  5. font-variant [Gibt die Schriftvariant an (normal, small-caps) ]
  6. font-textdecoration [Gibt die Schriftdekoration an (underline, overline, line-through, blink) ]
  7. color [Gibt die Schriftfarbe an (entweder mit der englischen Farbenbezeichnung (red, blue...) oder dem Hexadezimalwert der Farbe (#000000) ]
Hintergrund
  1. background-color [Gibt die Hintergrundfarbe an (entweder mit der englischen Farbenbezeichnung (red, blue...) oder dem Hexadezimalwert der Farbe (#000000) ]
  2. background-image [gibt ein Hintergrund in folgender Art an: background-image: url(BILDNAME.gif) ]

Neben diesen Befehlen gibt es natürlich noch sehr viele weitere, auf welche man beim stöbern im Intert treffen kann. Sie lassen sich fast alle kombinieren und können auf zwei Arten verwendet werden. So können zum einen "normale" Befehle verändert werden.
Wie hier:
b {
color: #00C200;
font-size: 12pt;
}

Wenn nun im html/ xhtml/ php... Dokument der <b> </b> Befehl verwendet wird, so wird der Text dort grün und nimmt die Schriftgöße 12 an.
Eine andere Möglichkeit besteht darin eigene Befehle festzulegen. Dabei wird der Name mit einer Route gekennzeichnet.
Wie hier:
#EIGENER_NAME {
color: #00C200;
font-family: impact;
font-size: 20pt;
font-style: italic;
font-weight: bold;
}

Soll nun ein Text im Dokument verändert werden, so muss die id des Befehls angegeben werden. Dies kann in einem span, p oder sonstigen Befehl passieren:
<span id="EIGENER_NAME">Text der grün, in impact, groß, kursiv und dick werden soll </span>

Umgesetzt sieht es dann so aus:
Text der nun grün, in impact, groß, kursiv und dick ist