Style-Sheets an Website binden
Das Aussehen von Webseiten lässt sich komplett über Style Sheets steuern. Die Gestaltungsmöglichkeiten, die Cascading Style Sheets bieten, gehen weit über das hinaus, was mit HTML-Elementen und deren Attributen möglich wäre.
Damit die Style Sheets auch ihre Arbeit verrichten und irgendwas bewirken können, müssen die Style Sheets zunächst einmal an das Webdokument, die Website angebunden werden. Hierdurch teilen wir dem Browser mit, welche Style Sheets er beim Aufbau der Seite berücksichtigen soll und wo diese Style Sheets sich befinden.
Hierzu gibt es vier Möglichkeiten:
- Inline-Style - Hierzu wird das Attribut style verwendet.
- Interne Style-Sheets - Hierzu wird das Element style verwendet.
- Externe Style-Sheets - Diese lassen sich auf verschiedene Arten einbinden:
- über die Regel @import
- über das Element link
- Das Element meta (meta-tags) - Wird eigentlich sehr selten verwendet
Auf den folgenden Seiten werde ich Ihnen die einzelnen Möglichkeiten genauer vorstellen.