3.4.1 Prinzip

• 1 Allgemein
• 2 Beispiel der Formatierung mit einem Stylesheet
• 3 Arten der Einbindung von Stylesheets

-

⇧ 1 Allgemein

1. Die Angaben zur Formatierung sind im Stylesheet festgelegt.
2. Der Quelltext gibt den Inhalt an.
3. Der Browser des Betrachters kombiniert das Ganze.

-

⇧ 2 Beispiel der Formatierung mit einem Stylesheet

a) Beispiel mit Stylesheet im Kopfbereich der HTML-Datei

1) Im Stylesheet erfolgt der Eintrag der Formatierung

• Im Stylesheet werden die Möglichkeiten der Formatierung angegeben

• Selektor (selector) {CSS-Eigenschaft (property): Wert (value) }

<style type="text/css">
h6 {
    font-size:120%;
    font-weight:bold;
    color: purple;
    margin: 0 0 0 40px;
} 
</style>

2) Im Quelltext wird angegeben welche Formatierung gewünscht wird

<h6>Dies ist ein Titel formatiert mit dem Code h6</h6>

3) Im HTML-Dokument erscheint dann folgendes

Dies ist ein Titel formatiert mit dem Code h6

-

⇧ 3 Arten der Einbindung von Stylesheets

Die Stylesheet-Angaben können an verschiedenen Orten sein

CSS: External Stylesheet

CSS: Internal Stylesheet

CSS: Inline Stylesheet

↑