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

高洛峰
Freigeben: 2017-02-21 13:39:17
Original
3020 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Analyse und Lösungen für die Gründe vor, warum externe HTML-Referenz-CSS-Dateien nicht wirksam werden. Dieser Artikel ist sehr detailliert und hat einen Referenzwert. Interessierte Freunde können gemeinsam lernen. Als Frontend-Neuling habe ich einige 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. Zu diesem Zeitpunkt gibt es nur einen Satz darin:

body {    
background-color: #ddd;    
}
Nach dem Login kopieren

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

<link rel="stylesheet" type="text/css" href="css/style.css">
Nach dem Login kopieren

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:

HTML外部引用CSS文件不生效原因分析及解决办法


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 Front-End-Partner habe ich die aktuelle Kodierung der Webseite überprüft:

HTML外部引用CSS文件不生效原因分析及解决办法


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:

HTML外部引用CSS文件不生效原因分析及解决办法


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:

HTML外部引用CSS文件不生效原因分析及解决办法


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

Weitere Analysen und Lösungen für die Gründe, warum externe HTML-Referenz-CSS-Dateien nicht wirksam werden, finden Sie auf der chinesischen PHP-Website für verwandte Artikel!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage