HTML lädt die CSS-Datei nicht

8

Ich bin völlig ratlos, warum das nicht funktioniert. Es scheint, dass die HTML-Datei das CSS aus irgendeinem Grund nicht laden kann, obwohl sich beide im selben Verzeichnis befinden. Irgendeine Idee, was könnte das Problem sein?

index.html

%Vor%

style.css

%Vor%

Das obige funktioniert nicht. Das Hinzufügen des css inline in index.html funktioniert gut, obwohl

%Vor%     
Asem H. 28.02.2012, 11:08
quelle

10 Antworten

12

Hinzufügen

%Vor%

zu Ihrem Link-Tag

Obwohl dies in modernen Browsern nicht mehr erforderlich ist, ist die HTML4-Spezifikation hat dies als erforderliches Attribut deklariert.

  

type = Inhaltstyp [CI]

     

Dieses Attribut gibt die Stilsprache des Elements an   Inhalt und überschreibt die Standard-Stylesheet-Sprache. Der Style   Blattsprache wird als Inhaltstyp angegeben (z. B. "text / css").    Autoren müssen einen Wert für dieses Attribut angeben; Es gibt keinen Standard   Wert für dieses Attribut.

    
Simon West 28.02.2012 11:10
quelle
5

Überprüfen Sie beide Dateien im selben Verzeichnis und dann versuche das

%Vor%     
Ghost Answer 28.02.2012 11:26
quelle
3

Sie müssen type="text/css" hinzufügen. Sie können auch href="./style.css" angeben, wobei . das aktuelle Verzeichnis

angibt     
hayonj 20.05.2013 05:25
quelle
2

Du könntest das versuchen:

%Vor%

Stellen Sie sicher, dass der Browser die Anfrage tatsächlich ausführt und keine 404 zurückgibt.

    
koenpeters 28.02.2012 11:12
quelle
2

Wie Sie sagten, befinden sich beide Dateien im selben Verzeichnis. 1. index.html und 2. style.css

Ich habe Ihren Code kopiert und auf meinem lokalen Computer ausgeführt, es funktioniert einwandfrei, es gibt keine Probleme.

Meines Erachtens aktualisiert Ihr Browser die Datei nicht, so dass Sie die gesamte Seite aktualisieren / neu laden können, indem Sie STRG + F5 in Windows für Mac CMD + R drücken.

Versuchen Sie es, wenn das Problem immer noch auftritt, dann können Sie es testen, indem Sie firebug für Firefox verwenden.

Für IE8 und Google Chrome können Sie dies überprüfen, indem Sie F12 drücken. Ihr Entwickler-Tool öffnet sich und Sie können HTML und CSS sehen.

Noch haben Sie irgendein Problem, bitte kommentieren Sie, damit wir Ihnen helfen können.

    
w3uiguru 28.02.2012 11:51
quelle
2

Bei HTML5 brauchst du nur rel , nicht einmal type .

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

    
sharkySharks 10.05.2017 05:38
quelle
1

Ich habe mit dem gleichen Problem gekämpft (Ubuntu 16.04, Bluefish Editor, FireFox, Google Chrome.

Lösung: Löschen Browserdaten in Chrome "Einstellungen & gt; Erweiterte Einstellungen & gt; Löschen Browserdaten", In Firefox, "Öffnen Menü Bild oben rechts Symbolleiste 'Einstellungen' & gt; Advanced", suchen Sie nach diesem Bild im Menü: Im Cache gespeicherte Webinhalte klicken Sie auf den Button "Jetzt löschen". Der Browser speichert die .css-Datei zwischen, und wenn sie sich nicht geändert hat, wird sie normalerweise nicht neu geladen. Wenn Sie Ihre .css-Datei ändern, löschen Sie diesen Web-Cache und es sollte funktionieren, es sei denn, in Ihrer CSS-Datei ist ein Problem aufgetreten. Frieden, Stan

    
Stan Ralph 28.01.2017 16:23
quelle
0

Verwenden Sie die folgenden Schritte zum Laden von .CSS-Datei ist sehr einfach.

<link rel="stylesheet" href="path_here.css">

Hinweis: 1 - & gt; Vergessen Sie nicht, "Stylesheet" in Rel-Attribut zu schreiben.       2 - & gt; Verwenden Sie den richtigen Pfad, z. B .: D: \ Ordner1 \ Forlder2 \ Ordner3 \ Datei.css "

Jetzt wo immer Sie sich gerade befinden, können Sie Ihre .css Datei genau den Pfad laden, den Sie erwähnen.

Grüße! Muhammad Majid.

    
Muhammad Majid 29.07.2016 05:58
quelle
0

Nun, ich hatte dieses Problem heute und als Workaround (nicht das beste), was ich unten gemacht habe

%Vor%

wo testWeb ist mein Stamm App-Ordner in meinem HTDoc-Verzeichnis. in Windows (mit xampp) oder im Verzeichnis / var / www / html aus irgendeinem Grund weiß ich noch nicht

%Vor%

lädt nicht während der html-Indexdatei neben dem scripts-Ordner im selben Verzeichnis.

    
Poode 29.03.2018 15:57
quelle
-3

Hinzufügen type="text / css" Es hat für mich funktioniert.

    
Mandla Vasavi 25.01.2017 12:20
quelle

Tags und Links