Heim  >  Artikel  >  Web-Frontend  >  Was sind die häufigsten Fehler in CSS-Stilen?

Was sind die häufigsten Fehler in CSS-Stilen?

青灯夜游
青灯夜游Original
2021-07-14 14:41:542962Durchsuche

Zu den CSS-Stilfehlern gehören: 1. Nicht mit einem externen Stylesheet verknüpft; 2. Falsche Kodierung beim Speichern des Stylesheets; 4. Falsche Auswahl des Selektors; die nicht den Spezifikationen entsprechen, und die Verwendung von chinesischen Symbolen oder Symbolen in voller Breite usw.

Was sind die häufigsten Fehler in CSS-Stilen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Häufige CSS-Stilfehler

1. Externes Stylesheet nicht zugeordnet

Das ist ein sehr sprachloser Fehler, aber nachdem ich hart daran gearbeitet habe, den Code zu schreiben, habe ich festgestellt, dass es keinen Stil gab. Nachdem ich lange dumm gearbeitet hatte, stellte ich schließlich fest, dass ich den äußeren Stil zu diesem Zeitpunkt wirklich vergessen hatte. .

Wenn nicht alle Ihre Stile wirksam werden, überprüfen Sie zunächst, ob das Stylesheet verknüpft ist oder ob die Position und der Name des verknüpften Stils korrekt sind

<link rel="stylesheet" href="css/index.css"/>

2 Die Codierung des gespeicherten Stylesheets ist falsch

Wenn Sie Zweifel an der Kodierung des CSS-Tabellenfehlers haben, können Sie die CSS-Datei direkt als Datei in der UTF-8-Kodierung speichern.

3. Der Selektor ist falsch geschrieben

  • Nachkommenauswahl usw. schreiben, einschließlich mehrerer Tags, Klassennamen, IDs usw. Wenn die Reihenfolge und der Name des untergeordneten Selektors falsch geschrieben sind, können Fehler auftreten.

  • Ich habe vergessen, den Klassennamen und die Klassen-ID in das Tag im HTML zu schreiben, und der Selektor verwendet diese fehlenden Klassennamen, IDs usw., sodass der Stil natürlich nicht wirksam wird.

  • Ob der Nachkommenselektor mit Leerzeichen geschrieben ist

  • Ob Selektoren wie p.box{} als p.box{} geschrieben werden, das heißt, ein weiteres Leerzeichen wird geschrieben

4, Grammatik Fehler

Am Beispiel der Entwicklertools von Google Chrome werden allgemeine Grammatikfehler angezeigt, wenn der Stil durchgestrichen ist, es gibt eine Symbolaufforderung auf der linken Seite des Stils und eine englische Aufforderung wird angezeigt, wenn der Stil durchgestrichen ist Maus wird hineinbewegt. Wie in der Abbildung unten gezeigt:
Was sind die häufigsten Fehler in CSS-Stilen?
Allgemeine Grammatikfehler umfassen:

1) falsch geschriebener Attributname, Attributwert entspricht nicht der Spezifikation;

2) Die folgenden Symbole verwenden Chinesisch oder in voller Breite Symbole:

,;{}:

3), das HTML-Tag ist nicht vollständig geschrieben, es fehlt „“ usw

Das obige ist der detaillierte Inhalt vonWas sind die häufigsten Fehler in CSS-Stilen?. 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