CSS Tools & CSS Software

Webseiten mit Cascading Style Sheets (css) erstellen

www.csstools-software.com 

Stylesheets in das Html-Dokument einbinden


Die Verknüpfung des Html-Dokumentes mit der Stylesheet-Datei erfolgt im HEAD-Bereich des Html-Dokuments und hat folgende Syntax:

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

Die Styledefinitionen befinden sich beim Beispiel oben in der Datei "mystyles.css". Es muss sich dabei um eine reine Text-Datei handeln. Der Dateiname ist beliebig, die Dateierweiterung soll die Bezeichnung ".css" aufweisen.

Das Html-Dokument hat damit folgende Struktur:

<html>
<head>
.....
<link rel="stylesheet" type="text/css" href="mystyles.css">
</head>
<body>
.....
</body>
</html>

Die Text-Datei "mystyles.css" muss sich in obigem Beispiel im gleichen Ordner befinden wie die Html-Datei. Es kann auch ein Unterordner für die Stylesheet-Datei gewählt werden (hier: "styles"):

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

Die Stylesheet-Datei kann sich auch in einem beliebigen Unterordner eines beliebigen Webserver befinden. Die Stylesheet-Datei wird dann folgendermaßen verlinkt.

<link rel="stylesheet" type="text/css" href="http://www.mydomain.com/styles/mystyles.css">


Lesen Sie hier weiter: