Style-Rule für die Grundeigenschaften

Die Style-Rule für die Grundeigenschaften beginnt mit Tag body und dann die geschweifte Klammer:

body {
      background-color:#ffffff;
        background-image:url(background.gif);
      text-decoration:none;
      font-weight:normal;
      font-family:Tahoma, Verdana, Arial;
      font-size:8pt;
      color:#000000;
    }~

• background-color:#ffffff~ legt fest, dass die Hintergrundfarbe weiß ist. Du kannst hier die Farbe durch den Farbcode festlegen.
• background-image:url(background.gif)~legt dein Hintergrundbild fest. In die Klammer musst du die URL angeben, wo das Bild liegt. Für Wiederholungseffekt musst du als neue Zeile background-repeat:repeat~ einsetzen. Repeat bedeutet wiederholen. Wenn du stattdessen repeat-x einsetzt wird nur eine Zeile waagrecht wiederholt, bei repeat-y nur eine Spalte senkrecht wiederholt und bei no-repeat wird nur das Einzelbild angezeigt.
• text-decoration:none~ sagt, dass der Text "normal" aussieht. Das heißt er ist nicht verziert. Du kannst für none auch andere Werte einsetzen: underline bedeutet unterstrichen, overline bedeutet überstrichen, line-throught bedeutet durchgestrichen und blink bedeutet blinkend.
• font-weight:normal~ legt fest, dass die Schrift nicht fett ist. Wenn du bold einsetzt wird die Schrift fett, bei bolder extrafett und bei lighter dünner.
• font-family:Tahoma, Verdana, Arial~ legt fest welche Schriftarten verwendet werden.
• font-size:8pt~ legt die Schriftgröße auf 8 Punkte fest. Du kannst diese auch in der Einheit px (Pixel) angeben, was die Größe der Schriftart auch dementsprechend ändert.
• color:#000000~ legt die Schriftfarbe fest. Hier in dem Beispiel ist sie schwarz.

Mit dieser Style-Rule kannst du dir die <font> Befehle im html-Code ersparen.