CSS-Einbaumöglichkeit 1: Mit Hilfe des style-Attributs

Nahezu jedes Tag erlaubt den Einsatz des Attributes style, mit dem ein Einbau von CSS möglich ist. Beispiele sind die Tags b, h2, table oder div. Wie bei allen anderen HTML-Attributen auch ist die Reihenfolge nicht entscheidend. Ein Beispiel für ein um CSS erweitertes Tag ist z.B.:

Beispiel:
<html>
<body>

<div style="font-size:18pt; color:red;">
Dieser Text ist mit CSS so formatiert worden, dass er 18 Punkt groß und rot gefärbt ist!
</div>

</body>
</html>

Es dürfte aufgefallen sein, dass das Attribut style entscheidend für die Formatierung der Textzeile im oberen Beispiel ist. Das Tag div alleine erzeugt ja lediglich einen Zeilenumbruch. Innerhalb des style-Attributs stehen die CSS-Befehle color (für die Angabe einer Schriftfarbe) sowie font-weight (für die Angabe der Schriftdicke) inklusive dem zugewiesenen Wert hinter einem Doppelpunkt.

Durch das hinzufügen von style in einem Tag sowie CSS-Befehlen in den Gänsefüßchen können Abschnitte oder einzelne Tags formatiert werden. Verwendet man mehrere CSS-Befehle so werden diese durch ein Semikolon (;) voneinander getrennt. Viele Programmierer machen auch am Ende des letzten Befehls ein Semikolon, auch wenn dieses nicht zwingend nötig wäre.

Häufig gestellte Fragen
Frage: Ich habe den CSS-Befehl font-size+10 verwendet und nichts geschieht. Warum?
Antwort: Der Befehl font-size wird stets mit einem Doppelpunkt fortgesetzt und anschließend mit einem Zahlenwert sowie einer Maßeinheit. Die am häufigsten verwendeten Maßeinheiten sind Pixel (px), Punkte (pt) und Zentimeter (cm).
Frage: Muß man beim CSS-Befehl color:#ff0000 auch die Raute mitschreiben?
Antwort: Ja. Hinter color: sollte stets ein Rautezeichen vor dem RGB-Farbcode folgen. Viele Browser akzeptieren zwar ein fehlendes Rautezeichen, doch das ist dann kein HTML-Standard. Bei Farbwörtern wie z.B. yellow ist jedoch kein Rautezeichen notwendig!

Auf der nächsten Seite wird die CSS-Einbauvariante im head-Bereich einer Webseite vorgestellt.

Weiterlesen...
©2001-2010 PlanetHTML und Robert R. Agular --- Impressum