Heim > Web-Frontend > HTML-Tutorial > Analyse und Lösungen für die Gründe, warum CSS-Dateien, auf die extern von HTML verwiesen wird, keine Wirkung haben._HTML/Xhtml_Webseitenproduktion

Analyse und Lösungen für die Gründe, warum CSS-Dateien, auf die extern von HTML verwiesen wird, keine Wirkung haben._HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:36:04
Original
2602 Leute haben es durchsucht

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. Derzeit ist darin nur ein Satz enthalten:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. Körper {
  2. Hintergrundfarbe: #ddd;
Fügen Sie dann dieses externe CSS in meine HTML-Datei ein:
XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <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:


ist tatsächlich 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 die UTF-16LE-Kodierung an. .
Ich habe es später versucht und mit dem Sublime-Editor das lokale CSS-Dateikodierungsformat in dieses utf-16LE geändert:


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:


Fügen Sie einfach ein Attribut zum Link-Tag hinzu: charset="utf-8". . . Es ist wirklich so einfach. . .

Über die Analyse und Lösungen, warum externe HTML-Referenz-CSS-Dateien nicht wirksam werden, wird der Herausgeber sie hier vorstellen. Ich hoffe, dass sie für alle hilfreich sind!

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