Stylesheet CSS-Layout-Erfahrung_CSS/HTML

Mit der Zeit werden die Inhalte hier hinzugefügt oder geändert. Ich hoffe, dass die folgenden Dinge für zukünftige Standardlerner hilfreich oder nutzlos sein werden

Der Hauptinhalt sind die Unterschiede und leicht zu übersehenden Details zwischen IE und MOZILLA, die besten Implementierungsmethoden einiger klassischer Anwendungen und die Fehler, die vermieden werden sollten

Da es sich um die Anhäufung meiner täglichen Erfahrungen handelt, ist es unvermeidlich, dass es einige falsche Erklärungen gibt. Wenn Sie das Glück haben, von einem Experten gesehen zu werden, weisen Sie ihn bitte im Voraus darauf hin >

Das ul-Tag hat in Mozilla standardmäßig einen Füllwert, aber im IE hat nur margin einen Wert.

Derselbe Klassenselektor kann wiederholt in einem Dokument erscheinen, aber der ID-Selektor kann nur einmal erscheinen; verwenden Sie sowohl Klasse als auch ID, um eine Bezeichnung in CSS zu definieren. Wenn die Definitionen wiederholt werden, wird der ID-Selektor verwendet.

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 eingestellt ist, muss jedoch in Mozilla auf B eingestellt werden, um normal angezeigt zu werden, oder die beiden sind umgekehrt

Vorläufige Lösung:

Selektor {Attributname: B !important; Attributname: A;}

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.

Es wird empfohlen, für das Symbol vor dem li-Tag ein Hintergrundbild anstelle eines Listenstilbilds zu verwenden.

IE kann den Unterschied zwischen einer Erbschaftsbeziehung und einer Vater-Sohn-Beziehung nicht erkennen, es sind alles Erbschaftsbeziehungen

Wenn Sie Selektoren zu Ihren Tags hinzufügen, vergessen Sie nicht, die Selektoren in CSS zu kommentieren. Sie werden wissen, warum Sie dies tun, wenn Sie Ihr CSS in Zukunft ändern

Wenn Sie ein dunkles Hintergrundbild und einen hellen Texteffekt für ein Etikett festlegen, wird empfohlen, zu diesem Zeitpunkt eine dunkle Hintergrundfarbe für Ihr Etikett festzulegen

Achten Sie beim Definieren der vier Zustände eines Links auf die Reihenfolge: Link besucht Hover Aktiv

Bitte verwenden Sie einen Hintergrund

für Bilder, die nichts mit dem Inhalt zu tun haben.

Die definierte Farbe kann mit #8899FF = #89F abgekürzt werden

Die Leistung der Tabelle ist in einigen Aspekten viel besser als bei anderen Tags. Bitte verwenden Sie sie dort, wo eine Spaltenausrichtung erforderlich ist