Tipps für das Front-End-Webseitenlayout:
(Empfohlenes Video-Tutorial:css-Video-Tutorial)
1. Das ul-Tag hat standardmäßig einen Füllwert in Mozilla, aber im IE hat nur margin einen Wert .
2. Derselbe Klassenselektor kann wiederholt in einem Dokument erscheinen, aber der ID-Selektor kann nur einmal erscheinen; verwenden Sie Klasse und ID, um gleichzeitig eine Bezeichnung in CSS zu definieren, reicht der ID-Selektor aus it. Die Definition ist gültig, da das Gewicht von ID größer als CLASS ist.
3. Eine dumme Möglichkeit, die Kompatibilität anzupassen (IE und Mozilla):
Anfänger können auf eine solche Situation stoßen: Es ist normal, dass das gleiche Label-Attribut im IE auf A gesetzt ist, in Mozilla muss es jedoch auf A gesetzt werden . Es kann nur dann normal angezeigt werden, wenn es zu B wird oder die beiden auf den Kopf gestellt werden.
Vorübergehende Lösung:
选择符{属性名:B !important;属性名:A}
4. Wenn eine Gruppe verschachtelter Tags einen gewissen Abstand erfordert, dann belassen Sie es beim Randattribut des Tags im Inneren, anstatt den Abstand des Tags außerhalb zu definieren
5. Es wird empfohlen, dies zu tun Verwenden Sie „background-image“ anstelle von „list-style-image“ für das Symbol vor dem li-Tag.
6. IE kann den Unterschied zwischen einer Erbschaftsbeziehung und einer Vater-Sohn-Beziehung nicht unterscheiden.
7. Vergessen Sie beim Hinzufügen von Selektoren zu Ihren Tags nicht, den Selektoren in CSS Kommentare hinzuzufügen. Sie werden wissen, warum Sie dies tun, wenn Sie Ihr CSS später ändern.
8. Wenn Sie ein dunkles Hintergrundbild und einen hellen Texteffekt für ein Etikett festlegen. Es wird empfohlen, zu diesem Zeitpunkt eine dunklere Hintergrundfarbe für Ihr Etikett festzulegen.
9. Achten Sie bei der Definition der vier Zustände des Links auf die Reihenfolge:
Link Visited Hover Active
10. Bitte verwenden Sie Hintergrund für Bilder, die nichts mit dem Inhalt zu tun haben.
11 Die Definitionsfarbe kann abgekürzt werden #8899FF=#. 89F
12. In einigen Aspekten schneidet die Tabelle viel besser ab als andere Tags. Bitte verwenden Sie es dort, wo eine Spaltenausrichtung erforderlich ist.
13.
