Es gibt viele Tipps zur Entwicklung von CSS-Weblayouts, mit denen Anfänger oft nicht vertraut sind. Bei ein oder zwei kleinen Problemen kann es lange dauern, es herauszufinden. Obwohl dieser Aspekt in den Dokumenten von 52CSS.com oft erwähnt wurde, machen viele Freunde in diesen Fragen immer noch Fehler. Werfen wir heute einen Blick auf diese CSS-Techniken. Vielleicht verstehen Sie sie nicht vollständig. Sie können auf 52CSS.com suchen, um das gewünschte Wissen zu erweitern.
1. Das ul-Tag hat in Mozilla standardmäßig einen Füllwert, aber im IE hat nur margin einen Wert.
2. Derselbe Klassenselektor kann wiederholt in einem Dokument erscheinen, der ID-Selektor kann jedoch nur einmal erscheinen. Verwenden Sie sowohl Klasse als auch ID, um eine Bezeichnung in CSS zu definieren. Wenn die Definitionen wiederholt werden, ist die vom ID-Selektor vorgenommene Definition gültig, da die Gewichtung von ID größer ist als die von Klasse.
3. Eine blöde Art, die Kompatibilität anzupassen (IE und Mozilla):
Anfänger können auf eine solche Situation stoßen: Das Attribut derselben Bezeichnung wird normal angezeigt, wenn es im IE auf A gesetzt ist, muss aber in Mozilla auf B gesetzt werden, um normal angezeigt zu werden, sonst sind die beiden umgekehrt.
Vorübergehende Lösung: Der Selektor {Eigenschaftsname: B !important; Eigenschaftsname: A} funktioniert möglicherweise manchmal nicht. Sie können auf 52CSS.com nach weiteren BUG-Lösungen suchen.
4. Wenn zwischen einer Gruppe verschachtelter Tags ein gewisser Abstand erforderlich ist, belassen Sie ihn beim Randattribut des Tags im Inneren, anstatt den Abstand des Tags außerhalb zu definieren.
5. Es wird empfohlen, für das Symbol vor dem li-Tag „background-image“ anstelle von „list-style-image“ zu verwenden.
6. IE kann den Unterschied zwischen einer Erbschaftsbeziehung und einer Vater-Sohn-Beziehung nicht unterscheiden. Es handelt sich bei allen um Erbschaftsbeziehungen.
7. Vergessen Sie beim Hinzufügen von Selektoren zu Ihren Tags nicht, Kommentare zu den Selektoren in CSS hinzuzufügen. Sie werden wissen, warum Sie dies tun, wenn Sie später Ihr CSS ändern. Aber Vorsicht: Seien Sie nicht zu verrückt.
8. Wenn Sie für eine Beschriftung ein dunkles Hintergrundbild und einen hellen Texteffekt festlegen. Es wird empfohlen, zu diesem Zeitpunkt eine dunklere Hintergrundfarbe für Ihr Etikett festzulegen. Da die Bilder verloren gehen, bleibt der Text lesbar.
9. Achten Sie beim Definieren der vier Zustände eines Links auf die Reihenfolge: Link besucht Hover Aktiv
10. Bitte verwenden Sie einen Hintergrund für Bilder, die nichts mit dem Inhalt zu tun haben. Denken Sie immer daran, die Präsentation vom Inhalt zu trennen.
11. Die definierte Farbe kann mit #8899FF=#89F abgekürzt werden
12. Tabellen sind in mancher Hinsicht immer noch nützlich. Wenn Sie auf eine Datentabelle stoßen, hassen Sie sie nicht.
13.