CSS-Datei einbinden: Was mache ich falsch?

Wenn ich die Seite lade, wird der Link quasi nicht beachtet, d.h. nur der <h1>-Teil wird angewandt, aber nicht die Farbe etc. geändert. Hab ich den href-Pfad nicht richtig angegeben?

Answer 1

[ChrisCat1, UserMod Light]

Probier mal anstelle einer absoluten Pfadangabe eine relative Pfadangabe.

Spätestens auf einem Webserver funktionieren keine Angaben absoluten Pfadangaben in der Art wie du sie dort nutzt.

EDIT:

Nutze außerdem mal "/" anstelle von "\".

Comments

[SweetPotato24]

Danke, hat jetzt funktioniert :)

Answer 2

[chris981716]

Ich binde CSS-Dateien immer so ein. Wobei anstelle von main.css der Speicherort deiner CSS-Datei stehen sollte, am besten in relativen Pfaden und nicht in absoluten, wie bei deinem Screenshot.

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

Woher ich das weiß: Studium / Ausbildung – Studium der Informatik

Answer 3

[regex9]

Nimm einmal das Leerzeichen zwischen Gleichheitszeichen und Anführungszeichen heraus und prüfe den Dateipfad. Schau in der Browserkonsole, ob Fehler angezeigt werden.

Für mehr Übersichtlichkeit würde ich dir empfehlen, CSS-Properties in einzelne Zeilen aufzuteilen:

h1 {
  color: red;
  font-size: 12px;
  /* etc. ... */
}