CSS in Verbindung mit HTML-Dokumenten

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Im ersten Kapitel habe ich Ihnen bereits alle drei Methoden vorgestellt, mit denen Sie einem HTML-Dokument Stylesheets zuweisen können. Ich fasse sie noch einmal kurz zusammen:

Inline-Stylesheets

Man kann fast allen HTML-Elementen direkt einen Stil zuweisen, indem man ihn mit einem style-Attribut in das HTML-Tag schreibt.

<h1 style="font-family: Helvetica, Arial, sans-serif; color: blue;">Willkommen</h1>

Diese Methode wenden Sie am besten an, wenn Sie die Auswirkung einer Stilregel auf ein bestimmtes HTML-Element testen möchten. Ich rate davon ab, diese Technik als endgültige CSS-Lösung für Ihre komplette Website anzuwenden, da sie fast alle Vorteile von CSS zunichte macht.

Eingebettete Stylesheets

Man kann einem ganzen HTML-Dokument ein Stylesheet zuweisen, indem man sämtliche Stilregeln für eine Seite in ein <style>-Tag im head-Bereich des HTML-Dokuments einbettet.

<style type="text/css">
h1, h2 {
color: green;
}
h3 {
color: blue;
}
</style>

Eingebettete Stylesheets bieten viele Vorteile gegenüber Inline-Stylesheets. Sie sind jedoch bei weitem nicht so vielseitig und mächtig wie externe Stylesheets. Ich empfehle Ihnen, eingebettete Stylesheets nur dann zu verwenden, wenn Sie Stilregeln definieren möchten, die sich nur auf eine einzelne Seite beziehen. Der Vorteil des separierten Codes bei externen Stylesheets liegt auf der Hand, aber eingebettete Stylesheets sind für eine schnelle Lösung auf einer Einzelseite sehr angenehm.

Externe Stylesheets

Man kann einem HTML-Dokument ein Stylesheet zuweisen, das sich in einer separaten CSS-Datei befindet. Dafür müssen Sie nur ein <link>-Tag im head-Bereich mit dem Pfad der CSS-Datei anlegen.

<link rel="stylesheet" type="text/css" href="meine_stile.css" />

Externe Stylesheets sind die empfehlenswerteste Art, CSS einzusetzen. Diese Technik stellt alle Vorteile bezüglich der Geschwindigkeit und Produktivität von CSS komplett zur Verfügung.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg