Ein entscheidender Vorzug von CSS ist das zentrale definieren der Formate. Dadurch wird nicht nur der Seitencode entschlackt, auch die "Verwaltung"
der Styles wird dadurch erheblich vereinfacht.
Zum zentralen definieren der Style- Angaben bietet CSS zwei Möglichkeiten.
Zum Einen kann man Styleangaben für das aktuelle Dokument vermerken. In diesem Fall gelten die dort festgelegten Formate für diese eine Webseite.
Zu diesem Zweck notiert man das Stylesheet innerhalb des <head>'s des jeweiligen Dokuments.
 |
|
|
|
<style type="text/css">
<!--
-->
</style>
|
|
|
|
|
Innerhalb der Kommentarklammern (diese verhindern, daß Browser, welche kein CSS verstehen,die style-Angaben als Text in der Seite ausgeben),
platziert man die gewünschten Formate,z.B.:
|
|
|
|
<style type="text/css">
<!--
body{
background-color:#ffffff;
color:#000000;
}
-->
</style>
|
|
|
|
|
Zum Anderen kann man Styleangaben in einer externen Datei definieren.
Die dort festgelegten Formate gelten für alle Webseiten, in denen man auf diese externe Datei verweist.
Zu diesem Zweck erstellt man eine neue Datei mit der Dateiendung *.css. In dieser leeren Datei notiert man,anders als im obigen Beispiel, nur die Formatangaben.
Die <style>-Tags und Kommentarklammern werden dort nicht benötigt und würden Fehler beim Auslesen der Datei durch den Browser verursachen.
Will man innerhalb von Stylesheets persönliche Kommentare platzieren, tut man dies auf folgende Weise:
|
|
|
|
/* Kommentar innerhalb eines Stylesheets */
|
|
|
|
|
Um eine externe CSS-Datei in die Webseite einzubinden, vermerkt man im <head> der jeweiligen Seite folgende Zeile:
|
|
|
|
<link rel="stylesheet" type="text/css" href="dateiname.css">
|
|
|
|
|
Änderungen in dieser externen CSS-Datei wirken sich auf alle Webseiten aus, in denen sie auf die vorrangehend beschriebene Weise
eingebunden wurde. Dadurch lassen sich Modifikationen am Aussehen ganzer Projekte durch Änderung einer einzigen Datei bewirken.
|
|
|
|
 |
Weitere Informationen zu diesem Thema, auch zum Einbinden verschiedener Stylesheets für unterschiedliche Zwecke findest du bei
SelfHTML:CSS einbinden.
|
|
|
|
|
|
|
