!-- --> innerhalb des STYLE Bereiches führen dazu, das der STYLE Bereich deaktiviert wird ! Es gibt spezielle CSS Kommentare, die dafür gedacht sind innerhalb des STYLE Bereichs und in externen CSS Sheet Dateien eingesetzt zu werden. Diese Kommentare sind von der Form /* Kommentar */. Sie führen nicht zur Deaktivierung des STYLE Bereiches !
CSS mit der Formatierungssprache verbinden
Grundsätzlich wird CSS als Ergänzung zu einer Formatierungssprache eingesetzt. In unserem Falle ist die Formatierungssprache HTML. CSS muss nun mit der Formatierungssprache verbunden werden. Dazu gibt es drei Ansätze.
- CSS direkt in ein HTML Tag mittels des style attributs einbinden
- Einen CSS Style Bereich an den Anfang des HTML Dokuments einbinden. Ein CSS Style Bereich wird innerhalb der <html> </html> Tags eingefügt, also parallel zu den head und body Bereichen.
<html>
<head> ... </head>
<style> ... </style>
<body> ... </body>
</html>
- CSS kann in eine externe .css Datei geschrieben werden und über ein link Tag in ein HTML Dokument eingefügt werden. Das link Tag wird in den head Bereich einer HTML Datei eingefügt.
CSS aus einer zentralen CSS Datei einbinden
Um ein einheitliches Aussehen auf allen Seiten eines Internetauftritts zu erzielen, kann man CSS Sytlesheets in einer zentralen .css Datei ablegen und diese dann in jeder HTML Datei einbinden. Man braucht dann keinen STYLE Bereich mehr. Allerdings kann man einen STYLE Bereich immer noch verwenden. Die lokalen STYLES aus dem STYLE Bereich überdecken die globalen STYLES aus der zentralen Stylesheet Datei.
Eine Stylesheet .css Datei hat folgendes Aussehen:
/* Kommentar */
div { width:450px; padding:20px; border:20px solid#66a }
Eine Stylesheet Datei wird folgendermaßen in den head Bereich einer HTML Datei eingebunden:
<link rel="stylesheet" type="text/css" href="formate.css">
Wobei formate.css der Name der Stylesheet Datei ist. Wenn sich die Datei in einem anderen Verzeichnis als die HTML Datei befindet, so muss man einen Pfad im href Attribut angeben. Dieses Link Tag muss im HEAD der HTML Datei verwendet werden.
Die Textbreite einstellen
zum Seitenanfang
zur Hauptseite
Letzte Änderung: 17.02.2006