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

So verknüpfen Sie eine CSS-Datei mit einer HTML-Datei

Beim Verknüpfen einer CSS-Datei mit einer HTML-Datei tritt ein Problem auf. Das Problem kann gelöst werden, indem Folgendes sichergestellt wird:

Stellen Sie den korrekten Attributwert ein

In der HTML-Datei sollte der Wert des rel-Attributs auf „stylesheet“ anstelle von „Ich hoffe, das funktioniert“ festgelegt werden. " Der korrigierte Code wäre:

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

Dateiplatzierung sicherstellen

Die Datei „newcssstyle.css“ muss sich im selben Verzeichnis befinden wie die HTML-Datei, auf die sie verweist. Wenn es sich in einem Unterordner befindet, passen Sie den href-Attributpfad entsprechend an.

Beispielverzeichnisstrukturen und relative Dateipfade

Fall 1: CSS-Datei befindet sich in einem Unterordner mit dem Namen „Stylesheets.“

Parent Directory Name
   index.html
   Stylesheets
      newcssstyle.css

HTML:

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

Fall 2: CSS-Datei befindet sich in einem anderen Unterordner mit dem Namen „Html_files.“

Parent Directory Name
   Html_files
      index.html
   Stylesheets
      newcssstyle.css

HTML:

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

Fall 3: CSS-Datei befindet sich im selben Verzeichnis wie das HTML Datei.

Parent Directory Name
   index.html
   newcssstyle.css

HTML:

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

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