Was ist der Grund für CSS-Fehler?

Ursachen für CSS-Fehler: 1. Das div-Tag ist nicht geschlossen; 3. Endender Schrägstrich; 5. Schlechte Verschachtelung;

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

Ursachen für CSS-Fehler:

1. Das div-Tag ist nicht geschlossen

Dies ist einer der häufigsten Gründe für einen Fehler beim Layout-Design. Es ist immer wieder überraschend, wenn wir erfahren, wie viele heikle Layoutentwürfe daran scheitern. Offene div-Tags sind einer der häufigsten Fehler beim Layout-Design und einer der am schwierigsten zu diagnostizierenden. Der Validator zeigt manchmal auf das falsche öffnende div-Tag, was wie die Suche nach der Nadel im Heuhaufen sein kann.

2. Unsachgemäße DOCTYPE-Deklaration

DOCTYPE nicht zu deklarieren oder DOCTYPE falsch am Anfang der Datei zu deklarieren, ist ebenfalls ein häufiger Fehler. Nach allgemeiner Erfahrung ist Strict DOCTYPE die höchste Verifizierungsstufe, die jeder anstrebt. Eine strenge Validierung bedeutet, dass Ihre Webseite in allen Browsern optimal angezeigt wird.

3. Schluss-Schrägstrich

Wenn Ihre Website nicht verifiziert werden kann, ist es sehr wahrscheinlich, dass der Schluss-Schrägstrich irgendwo im Code fehlt. Es ist leicht, Dinge wie abschließende Schrägstriche zu übersehen, insbesondere in Elementen wie Bild-Tags.

Dies hat bei einem strengen DOCTYPE keine Auswirkung. Um dieses Problem zu lösen, fügen Sie „/“ am Ende des img-Tags hinzu.

4. JavaScript

Wenn Strict DOCTYPE deklariert wurde, müssen Sie das CDATA-Tag in JavaScript überschreiben. Dieser Aspekt des Validators verblüfft viele Programmierer, da Websites dazu neigen, eingebettetes JavaScript für Anzeigen und Tracking-Skripte zu verwenden.

5. Schlechte Verschachtelung

Verschachtelung bedeutet, dass Elemente in Elementen enthalten sind. Wir können die Reihenfolge verschachtelter Elemente leicht verwechseln. Beginnen Sie beispielsweise das starke Tag vor dem div-Tag, schließen Sie dann aber zuerst das div-Tag. Das Abschnittslayout wird dadurch möglicherweise nicht geändert, Ihr Abschnittsdesign wird dadurch jedoch ungültig.

Wenn Sie es immer noch nicht finden können, empfiehlt es sich, den „Entwicklermodus“/„Debug-Modus“ (öffnen mit F12) zu verwenden, um zu sehen, welche Attribute das entsprechende Element geerbt hat und ob andere Stile die von Ihnen festgelegten Stile überschrieben haben .

Verwandte Lernempfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Grund für CSS-Fehler?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!