Was tun, wenn die CSS-Webseite verstümmelt ist?

Lösungen für verstümmelte CSS-Webseiten: 1. Stellen Sie die CSS-Zeichenkodierung so ein, dass sie mit der Zeichenkodierung der Seite übereinstimmt, und legen Sie Kodierungsanweisungen wie „@charset „utf-8“;“ fest. 2. Verstärken Sie Kommentare beim Schreiben css; 3. Akzeptiert einen Alias ​​für die Schriftart.

Empfohlen: „CSS-Video-Tutorial“

Lösung 1:

Die verstümmelten Zeichen in CSS werden durch die Inkonsistenz zwischen der CSS-Zeichenkodierung und der Zeichenkodierung der Seite verursacht, also am direktesten Die Methode besteht darin, die Zeichenkodierung konsistent zu machen. Geben Sie den Kodierungstyp von CSS an, zum Beispiel: @charset „utf-8“ (Der angegebene Kodierungstyp ist utf-8, der in die erste Zeile der CSS-Datei geschrieben werden muss)

Lösung 2:

Alle in CSS angezeigten verstümmelten Zeichen werden durch chinesische Schriftzeichen verursacht. Solange Sie also keine chinesischen Schriftzeichen schreiben, gibt es keine „verstümmelten Zeichen, die CSS-Fehler verursachen“.

Abgesehen von den beiden oben genannten Lösungen werden wir bei genauerer Betrachtung feststellen, dass „verstümmelte Codes“ normalerweise aus den folgenden beiden Situationen stammen.

1. Verstümmelter Code verursacht durch chinesische Kommentare

Verstümmelter Codebeispiel:

Normaler Code: /*drei chinesische Zeichen*/

Verstümmelter Code verursacht durch: /*涓夋眽瀛?/

Das obige Beispiel blockiert die CSS-Kommentar für verstümmelten Code Das Endzeichen führt dazu, dass der nachfolgende CSS-Inhalt innerhalb des Kommentarbereichs liegt, wodurch das CSS ungültig wird

Vorsichtsmaßnahmen: Kommentare verstärken

Beispiel:

Normaler Code: /****Drei chinesische Schriftzeichen****/

Verstümmelte Zeichen verursacht durch: / ****Juan 狋罽瀛?***/

Diese erweiterte Version des Kommentars kann verhindern, dass verstümmelte Zeichen das letzte Endzeichen des Kommentars „mutieren“. Beim Schreiben von CSS können im Voraus Vorsichtsmaßnahmen getroffen werden

2. Chinesische Schriftarten verursachen verstümmelte Zeichen

Instanz verstümmelter Zeichen:

Normaler Code: Schriftfamilie:"黑体"

Verstümmelter Code verursacht durch: Schriftfamilie:"翜涋"

Im obigen Beispiel ist das verstümmelte Der Code führt dazu, dass der Schriftartname verstümmelt wird, wodurch die angegebene Schriftart ungültig wird. Die Folgen dieses Problems scheinen nicht sehr schwerwiegend zu sein, aber in tatsächlichen Situationen kommt es tatsächlich vor, dass verstümmelte Zeichen die folgenden Anführungszeichen „stummschalten“, sodass das folgende CSS in den Anführungszeichen der Schriftart steht dass alle folgenden CSS ungültig werden.

Vorsichtsmaßnahmen: Verwenden Sie den Alias ​​der Schriftart (damit der Browser sie erkennen kann)

Beispiel:

Normaler Code: Schriftfamilie: „SimHei“ (Schriftfamilie: „9ed14f53“)

Browser-Parsing: Schriftart - Familie: „SimHei“ (Schriftfamilie: „黑体“, IE6 ist immer noch Schriftfamilie: „9ed14f53“, aber beim Parsen der Schriftart wird sie als fett angezeigt)

Verwenden Sie Aliase, um die Verwendung von Chinesisch und verstümmelte Zeichen zu vermeiden.

Das obige ist der detaillierte Inhalt vonWas tun, wenn die CSS-Webseite verstümmelt ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!