Als ich zum ersten Mal mit CSS in Kontakt kam, wusste ich oft nicht, wo ich anfangen sollte oder wie ich anfangen sollte. Nachdem wir ein Rendering erhalten hatten, beschäftigten uns viele Fragen: Wie soll das Layout gestaltet werden? Absolute Positionierung oder relative Positionierung, welches Tag soll ich wählen? Welche Struktur soll übernommen werden? .usw. Natürlich werden wir beim Schreiben von Code auf viele Probleme stoßen, insbesondere wir Anfänger, die nicht mit allen Aspekten vertraut sind und keine Erfahrung haben, sodass wir oft ratlos sind, wenn wir auf Probleme stoßen. Ich denke, wenn wir auf Probleme stoßen, müssen wir lernen, sie zusammenzufassen, um zu vermeiden, dass wir beim nächsten Mal dieselben Fehler machen.
Im Folgenden sind einige häufige Fehler aufgeführt, die ich in meiner Arbeit zusammengefasst habe:
und Lösungstipps hoffen, für CSS-Neulinge hilfreich zu sein.
1. Überprüfen Sie, ob in HTML-Elementen Rechtschreibfehler vorliegen oder ob Sie vergessen haben, Tags zu schließen.
Sogar die besten Experten werden solche Fehler machen, denn wenn die Seitenstruktur sehr komplex und in vielen Ebenen verschachtelt ist, kann es leicht passieren, dass das schließende Tag verloren geht. Vor allem Leute wie ich, die es gewohnt sind, im Notepad zu schreiben, neigen eher dazu, Fehler zu machen. Seien Sie also vorsichtig beim Schreiben.
2. Überprüfen Sie, ob das CSS korrekt ist
Im Allgemeinen besteht der häufigste Fehler in CSS darin, dass die Attributnamen im Stil und im HTML inkonsistent sind. Dadurch ist der Stil offensichtlich geschrieben, hat aber keine Auswirkung.
3. Verwenden Sie den Hintergrund, um die entsprechende Ebene zu finden
Beim Debuggen von Fehlern, insbesondere beim Debuggen der Browserkompatibilität, gibt es viele verschachtelte Ebenen, die anfällig für Fehlausrichtungen und Überlappungen sind. Zu diesem Zeitpunkt fügen wir den Schlüsselebenen Hintergrundfarben hinzu, um den Unterschied anzuzeigen. Dies hilft, Fehler zu vermeiden.
4. Bestimmen Sie den Fehlerort durch Eliminierungsmethode
Wenn wir CSS-Codierung schreiben, machen wir normalerweise ein wenig und zeigen es dann in der Vorschau an. Wenn zu diesem Zeitpunkt ein Fehler auftritt, können wir die neu hinzugefügte Ebene löschen, bis sie normal angezeigt wird, um festzustellen, in welcher Ebene das Problem liegt.
5. Das Float-Element muss das Breitenattribut angeben
Viele Browser haben Fehler bei der Anzeige von Float-Elementen mit nicht spezifizierter Breite. Unabhängig vom Inhalt des Float-Elements muss also das width-Attribut dafür angegeben werden.
6. Entfernen Sie doppelte Stile
Oftmals deklarieren wir öffentliche Stile an der Spitze und vergessen sie dann, wenn wir sie unten schreiben. Beispielsweise haben wir am Anfang img{border:none;} deklariert
Als ich dann auf das img-Tag stieß, schrieb ich es erneut. Diese Situation sollte vermieden werden.
7. Achten Sie auf das Kodierungsformat
Unter normalen Umständen verwenden wir folgende Kodierungsformate: gb2312 und UTF8. Es gibt keinen Unterschied zwischen Gut und Böse. Aber vermischen Sie sie nicht. Viele Editoren verwenden standardmäßig das UTF8-Format.
8. Schreibreihenfolge der Link-Stile
Nachdem viele Leute Link-Stile geschrieben haben, entspricht die Farbe nach dem Klicken nicht ihren Wünschen. Zu diesem Zeitpunkt müssen sie die Reihenfolge überprüfen, in der die Link-Stile geschrieben werden. Die richtige Schreibreihenfolge sollte sein: LVHA.