Häufige Tipps zur Fehlervermeidung beim Entwerfen von Webseiten mit CSS (Sammlung)

Der Inhalt dieses Artikels befasst sich mit gängigen Techniken zur Fehlervermeidung (Sammlung) beim Entwerfen von Webseiten. Ich hoffe, dass er für Sie hilfreich ist.

1. Überprüfen Sie, ob in HTML-Elementen Rechtschreibfehler vorliegen und ob das schließende Tag vergessen wurde.

Selbst Veteranen machen häufig Fehler in der Verschachtelungsbeziehung von Divs. Sie können die Überprüfungsfunktion von Dreamweaver verwenden, um nach Fehlern zu suchen.

2. Überprüfen Sie, ob das CSS korrekt ist

Überprüfen Sie, ob Rechtschreibfehler vorliegen, ob Sie die Endung } vergessen haben usw. Mit CleanCSS können Sie CSS auf Rechtschreibfehler überprüfen. CleanCSS ist ein Tool zur Gewichtsreduzierung von CSS, kann aber auch auf Rechtschreibfehler prüfen.

3. Bestimmen Sie den Ort, an dem der Fehler aufgetreten ist

Wenn sich der Fehler auf das Gesamtlayout auswirkt, können Sie die Div-Blöcke einzeln löschen, bis die Anzeige wieder normal ist Nach dem Löschen eines bestimmten Div-Blocks können Sie feststellen, wo der Fehler aufgetreten ist.

4. Verwenden Sie das Border-Attribut, um die Layouteigenschaften des Fehlerelements zu bestimmen.

Die Verwendung des Float-Attributs für das Layout kann versehentlich zu Fehlern führen. Fügen Sie zu diesem Zeitpunkt das Randattribut zum Element hinzu, um die Elementgrenze zu bestimmen, und die Fehlerursache wird aufgedeckt.

5. Das übergeordnete Element eines Float-Elements kann das Clear-Attribut nicht angeben.

Wenn das Clear-Attribut für das übergeordnete Element eines Float-Elements unter MacIE verwendet wird, ändert sich das Layout der umgebenden Float-Elemente wird verwirrt sein. Dies ist ein berühmter Fehler von MacIE. Wenn Sie ihn nicht kennen, werden Sie Umwege gehen.

6. Beachten Sie, dass Float-Elemente das Breitenattribut angeben müssen.

Viele Browser haben Fehler bei der Anzeige von Float-Elementen ohne angegebene Breite. Unabhängig vom Inhalt des Float-Elements muss also das width-Attribut dafür angegeben werden.

Versuchen Sie außerdem, bei der Angabe von Elementen em anstelle von px als Einheit zu verwenden.

7. Beachten Sie, dass Float-Elemente keine Attribute wie Rand und Abstand angeben können.

IE hat einen Fehler bei der Anzeige von Float-Elementen mit angegebenem Rand und Abstand. Geben Sie daher keine Rand- und Auffüllattribute für Float-Elemente an (Sie können ein div innerhalb des Float-Elements verschachteln, um Rand und Auffüllung festzulegen). Sie können Hacks auch verwenden, um außergewöhnliche Werte für den IE festzulegen.

8. Stellen Sie sicher, dass die Summe der Breiten der Float-Elemente weniger als 100 % beträgt.

Wenn die Summe der Breiten der Float-Elemente genau 100 % beträgt, werden einige alte Browser nicht richtig angezeigt . Bitte achten Sie daher darauf, dass die Summe der Breiten weniger als 99 % beträgt.

9. Überprüfen Sie, ob der Standardstil zurückgesetzt wurde.

Einige Attribute wie Rand, Abstand usw. werden von verschiedenen Browsern unterschiedlich interpretiert. Daher ist es am besten, vor der Entwicklung alle Ränder und Abstände auf 0, den Listenstil auf „Keine“ usw. zu setzen.

10. Überprüfen Sie, ob Sie vergessen haben, die DTD zu schreiben

Wenn die Anzeigeergebnisse verschiedener Browser unabhängig von der Anpassung immer noch unterschiedlich sind, können Sie überprüfen, ob Sie Folgendes vergessen haben: Zeile der DTD am Anfang der Seite:

< html4/loose.dtd" >

Das Obige ist eine Einführung in gängige Fehlervermeidungstechniken beim Entwerfen von Webseiten mit CSS. Wenn Sie mehr über CSS3-Tutorials erfahren möchten, achten Sie bitte darauf zur chinesischen PHP-Website.

Das obige ist der detaillierte Inhalt vonHäufige Tipps zur Fehlervermeidung beim Entwerfen von Webseiten mit CSS (Sammlung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!