CSS binden

Eine CSS-Datei verlinken

Um ein CSS-Blatt zu verlinken, verwenden wir ein neues -Tag, das wir in das des HTML-Dokuments einfügen werden.

    <link href="dateiname.css" rel="stylesheet" />.

Hier haben wir die Attribute: href und rel hinzugefügt.

  • rel = gibt die Beziehung zwischen den beiden Dokumenten an.
  • href = gibt den Pfad / den Ort an, an dem das Dokument gespeichert ist.

Das link-Tag wird immer im stehen.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Titel der Seite</title>
        <link href="dateiname.css" rel="stylesheet" />
    </head>
    <body>
        <!-- Inhalt der Seite -->
    </body>
</html>

Von einer Datei in einen Ordner verlinken

Um in Ordnern zu navigieren, verwenden wir Schrägstriche. Ihr href sieht dann wie folgt aus: href="Ordnername/Dateiname.css"
. Hier ein genaues Beispiel: Meine css-Datei mit dem Namen "styles.css" befindet sich im Ordner "css". Nachfolgend der in HTML eingefügte Link, um diese Datei genau zu verlinken: 

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

Inhaltsverzeichnis