Wie verlinke ich eine CSS-Datei richtig mit meiner HTML-Datei?

Wie verlinke ich eine CSS-Datei aus einer HTML-Datei?

Sie müssen den Wert des rel-Attributs in „Stylesheet“ ändern, damit es ihn als Stylesheet erkennt Dies:

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

Das Festlegen des rel-Attributwerts auf „Stylesheet“ unterscheidet den Unterschied beispielsweise zwischen einem Stylesheet-Link und einem Symbolbild-Link. Sie können alle möglichen Werte für das rel-Attribut auf MDN sehen.

Falls es weiterhin nicht funktioniert, stellen Sie außerdem sicher, dass sich die Datei „newcssstyle.css“ im selben Verzeichnis wie die referenzierte HTML-Datei befindet. Wenn Sie es in einem Ordner wie „stylesheets“ ablegen, stellen Sie sicher, dass Sie den relativen Ordnerpfad zu Ihrer HTML-Datei hinzufügen.

Wenn Sie beispielsweise ein Verzeichnis wie dieses hätten:

• Elternverzeichnis Name:

  • index.html

  • Stylesheets:

    • newcssstyle.css

Dann würden Sie auf „newcssstyle.css“ verweisen. (relativ zu „index.css“) als href='Stylesheets/newcssstyle.css'

Während in einem Verzeichnis wie diesem:

• Übergeordnetes Verzeichnis Name:

  • Html_files:

    • index.html

  • Stylesheets:

    • newcssstyle.css

Dann Sie würden stattdessen auf „newcssstyle.css“ als href='../Stylesheets/newcssstyle.css' verweisen (wobei .. „eine Ebene nach oben zum übergeordneten Verzeichnis“ bedeutet).

Und in einem Verzeichnis wie dies:

• Elternverzeichnis Name:

  • index.html
  • newcssstyle.css

Dann würden Sie „newcssstyle.css“ als href= referenzieren stattdessen './newcssstyle.css' (wobei ein einzelnes . bedeutet: „es ist auf der gleichen Ebene wie das HTML-Datei").

Das obige ist der detaillierte Inhalt vonWie verlinke ich eine CSS-Datei richtig mit meiner HTML-Datei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!