Definieren eines Stils
Bevor Sie einen Stil auf ein Element anwenden können, müssen Sie ihn zunächst definieren. Die Definition eines Stils erfolgt in zwei Schritten:
- Geben Sie das Auswahlkriterium für den Stil an – also den Elementtyp bzw. die Klasse oder ID, auf den/die der Stil angewendet werden soll. (Siehe die Beschreibungen für Stiltypen weiter unten.)
- Geben Sie die durch den Stil definierten Eigenschaften sowie die Werte für diese Eigenschaften an.
Stiltypen
Es gibt drei Arten von Stilen, die nach dem verwendeten Auswahlkriterium für die Stilanwendung unterschieden werden:
- Elementstile verwenden einen Elementtyp als Auswahlkriterium; sie werden daher auf alle Instanzen eines spezifischen Elementtyps angewendet (z.B. auf alle Absätze).
- Klassenstile liegen in zwei Varianten vor:
- Universelle Klassenstile verwenden einen Klassennamen als Auswahlkriterium; sie werden daher auf jedes Element angewendet, das der angegebenen Klasse angehört (z.B. jedes Element der Klasse “funny”).
- Elementspezifische Klassenstile verwenden Elementtypen und Klassenname als Auswahlkriterium; sie werden daher auf alle Instanzen eines spezifischen Elementtyps angewendet, die gleichzeitig der angegebenen Klasse angehören (z.B. Absätze der Klasse “callout”).
- ID-Stile verwenden eine ID als Auswahlkriterium; sie werden daher nur auf Elemente mit der angegebenen ID angewendet (z.B. ein Absatz mit der ID “intro”).
Es ist möglich, sowohl einen universellen Klassenstil als auch einen elementspezifischen Klassenstil zu definieren, die denselben Klassennamen verwenden – z.B. “.meinStil” und “p.meinStil”. In diesen Fällen hat der elementspezifische Stil Vorrang vor dem angegebenen Elementtyp. Informationen dazu, wie Browser sich überschneidende oder konfliktverursachende Stilregeln auflösen, finden sie in der CSS-Onlinereferenz unter “Kaskadierung und Vererbung”.
So definieren Sie einen Elementstil
- Wechseln Sie im Menü Start zur Gruppe Stil, und klicken Sie auf Stile definieren.
- Klicken Sie auf
(Hinzufügen).
- Klicken Sie im Feld Element auf einen Elementtyp, und klicken Sie anschließend auf OK.
- Geben Sie auf den Registerkarten Zeichen, Absatz sowie Rahmen & Hintergrund Werte für die Eigenschaften an, auf die der Stil angewendet werden soll, und klicken Sie dann auf OK.
So definieren Sie einen universellen Klassenstil
- Wechseln Sie im Menü Start zur Gruppe Stil, und klicken Sie auf Stile definieren.
- Klicken Sie auf (Hinzufügen).
- Geben Sie im Feld Name den Klassennamen für den Stil ein, und klicken Sie auf OK.
- Geben Sie auf den Registerkarten Zeichen, Absatz sowie Rahmen & Hintergrund Werte für die Eigenschaften an, auf die der Stil angewendet werden soll, und klicken Sie dann auf OK.
So definieren Sie einen elementspezifischen Klassenstil
- Wechseln Sie im Menü Start zur Gruppe Stil, und klicken Sie auf Stile definieren.
- Klicken Sie auf (Hinzufügen).
- Klicken Sie auf das Feld Element, und wählen Sie einen Elementtyp aus.
- Geben Sie im Feld Name den Klassennamen für den Stil ein, und klicken Sie auf OK.
- Geben Sie auf den Registerkarten Zeichen, Absatz sowie Rahmen & Hintergrund Werte für die Eigenschaften an, auf die der Stil angewendet werden soll, und klicken Sie dann auf OK.
So definieren Sie einen ID-Stil
- Wechseln Sie im Menü Start zur Gruppe Stil, und klicken Sie auf Stile definieren.
- Klicken Sie auf (Hinzufügen).
- Klicken Sie unterhalb von Typ auf ID.
- Geben Sie im Feld Name die Element-ID ein, auf die der Stil angewendet werden soll, und klicken Sie auf OK.
- Geben Sie auf den Registerkarten Zeichen, Absatz sowie Rahmen & Hintergrund Werte für die Eigenschaften an, auf die der Stil angewendet werden soll, und klicken Sie dann auf OK.
So bearbeiten Sie einen Stil
- Wechseln Sie im Menü Start zur Gruppe Stil, und klicken Sie auf Stile definieren.
- Wählen Sie den zu bearbeitenden Stil in der Liste Stil aus.
- Bearbeiten Sie auf den Registerkarten Zeichen, Absatz sowie Rahmen & Hintergrund die Werte, die Sie ändern möchten, und klicken Sie dann auf OK.
Verwandte Themen
Festlegen von zeichenbezogenen Einstellungen
Festlegen von Absatzausrichtung, Einzug und Zeilenhöhe
Festlegen von Rändern, Abständen und Rahmen
Festlegen von Hintergrundfarben und -bildern