Heim  >  Artikel  >  Web-Frontend  >  Was tun, wenn externes CSS nicht angezeigt wird?

Was tun, wenn externes CSS nicht angezeigt wird?

藏色散人
藏色散人Original
2021-02-08 10:45:353823Durchsuche

Lösung dafür, dass extern aufgerufenes CSS nicht angezeigt wird: Öffnen Sie zuerst den F12-Debugger, um es anzuzeigen. Ändern Sie dann das lokale CSS-Dateicodierungsformat in „utf-16LE“ und schreiben Sie schließlich den CSS-Code neu.

Was tun, wenn externes CSS nicht angezeigt wird?

Die Betriebsumgebung dieses Artikels: Windows 7-System, Sublime Text3- und CSS3-Version, DELL G3-Computer.

Warum wird das extern aufgerufene CSS nicht angezeigt (wird nicht wirksam)?

Schreiben Sie ein CSS-Stildokument im CSS-Verzeichnis: style.css. Zu diesem Zeitpunkt gibt es nur einen Satz darin:

body {
background-color: #ddd;
}

Dann füge ich dieses externe CSS in meine HTML-Datei ein:

<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. Nachdem ich sichergestellt hatte, dass der Browser die CSS-Datei geladen hatte, öffnete ich die Datei und sah:

Was tun, wenn externes CSS nicht angezeigt wird?

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:

Was tun, wenn externes CSS nicht angezeigt wird?

zeigt UTF-16LE-Kodierung. .

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

Was tun, wenn externes CSS nicht angezeigt wird?

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 erneut in utf-8 und bearbeiten Sie den darin enthaltenen Code. Deklarieren Sie einfach das Codierungsformat, wenn Sie dieses CSS in HTML einführen:

Was tun, wenn externes CSS nicht angezeigt wird?

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

Empfohlen: „CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas tun, wenn externes CSS nicht angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn