Analyse und Lösungen für Gründe, warum von HTML extern referenzierte CSS-Dateien nicht wirksam werden

Dieser Artikel stellt hauptsächlich die Analyse und Lösungen für die Gründe vor, warum die externe HTML-Referenz-CSS-Datei nicht wirksam wird. Dieser Artikel ist sehr detailliert und hat einen Referenzwert.

Als Front -End kleiner Bai, ein paar Tage lang am Frontend herumgebastelt. . Heute entdeckte ich plötzlich, dass etwas, an das ich glaubte, ein Problem hatte. . Ich habe beispielsweise ein CSS-Stildokument im CSS-Verzeichnis geschrieben: style.css. Derzeit ist nur ein Satz darin enthalten:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

body {    
background-color: #ddd;    
}

Dann importieren Sie ihn in meine HTML-Datei Dieses externe CSS:

XML/HTML-CodeKopieren Sie den Inhalt in die Zwischenablage

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

Aktualisieren Sie den Browser. . Wow, kao. Es reagierte nicht, es funktionierte nicht. . Ich habe diesen Pfad mehrmals überprüft, um sicherzustellen, dass kein Problem vorliegt, und den F12-Debugger von Chrome geöffnet. Ich habe

bestätigt, dass der Browser die CSS-Datei geladen hat, und dann habe ich die Datei geöffnet und gesehen:

war verstümmelt. . Es sollte etwas mit der Kodierung oder dem Format nicht stimmen, aber ich kann es nicht herausfinden. . Nach Rücksprache mit einem Frontend-Partner habe ich die aktuelle Kodierung der Webseite überprüft:

zeigt UTF-16LE-Kodierung. .
Ich habe es später versucht und mit dem Sublime-Editor das lokale CSS-Dateikodierungsformat auf dieses utf-16LE geändert:

Den CSS-Code neu geschrieben. Speichern und ausführen. . Klar, das ist es. .
Aber mein HTML ist als UTF-8 angegeben und mein CSS ist UTF-16, was mich sehr unglücklich macht. . Also habe ich noch einmal nach einer Lösung gefragt. Es ist lösbar und es ist einfach. .
Ändern Sie das CSS in utf-8 und bearbeiten Sie den darin enthaltenen Code. Deklarieren Sie einfach das Codierungsformat, wenn Sie dieses CSS in HTML einführen:

Das heißt, fügen Sie dem Link-Tag ein Attribut hinzu: charset="utf-8" Ganz gut . . . Es ist wirklich so einfach. . .

Dies ist die Analyse und Lösung dafür, warum externe HTML-Referenz-CSS-Dateien nicht wirksam werden. Ich hoffe, sie wird Ihnen helfen!

Verwandte Empfehlungen:

Zwei Möglichkeiten, das Löschen des Eingabetext-Eingabecaches in HTML zu deaktivieren

Das obige ist der detaillierte Inhalt vonAnalyse und Lösungen für Gründe, warum von HTML extern referenzierte CSS-Dateien nicht wirksam werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!