Grundlegende Hinweise zu HTML und CSS (unbedingt für das Frontend lesen)

Das Obige ist die gängige Vorgehensweise. Als Anfänger bin ich der Meinung, dass die Verwendung eines Tags das Problem lösen kann, ohne die Kompatibilität zu berücksichtigen. Verwenden Sie für Zeichen die Zeilenhöhe, um die vertikale Position zu steuern, und verwenden Sie Breite und Höhe, um den Anzeigebereich zu begrenzen.

Dies ist die Wirkung:

Derzeit habe ich die Wirkung nur auf Google und Firefox getestet und es gibt kein Problem. Bitte weisen Sie darauf hin, wenn etwas nicht stimmt.

4 Der Abstand zwischen benachbarten Inline-Blockelementen

Wenn die obige Navigation in ein Inline-Blockelement umgewandelt wird, besteht zwischen den beiden benachbarten Elementen ein Abstand von mehreren Pixeln. Dies ist möglicherweise auf den ersten Blick nicht sichtbar, kann jedoch beim Vergrößern erkannt werden. Die einzige Möglichkeit, dieses Problem zu lösen, besteht darin, Floating zu verwenden.

5 Kontinuierliches Schreiben numerischer Werte:

In CSS können die Werte einiger Attribute kontinuierlich geschrieben werden. Beispielsweise Polsterung und Rahmenradius. Erstere sind oben, rechts, unten und links; letztere sind oben links, oben rechts, unten rechts und unten links. Sie sind alle im Uhrzeigersinn angeordnet, haben jedoch unterschiedliche Startpunkte. Wenn die vier Richtungen als a, b, c und d betrachtet werden. Wenn also zwei aufeinanderfolgende Zahlen dahinter geschrieben werden, stellen sie dar: ac, bd; drei Zahlen stellen dar: a, bd, c; und es versteht sich von selbst, dass vier Zahlen darstehen: a, b, c, d.

6. Floats löschen

Es gibt vier Möglichkeiten zum Löschen von Floats. Die gebräuchlichste ist die Verwendung von Pseudoelementen.

7 Stellen Sie die Höhe ein.

Als ich über das Schweben oben sprach, dachte ich plötzlich an das Problem der Abschnittshöhe. Versuchen Sie im Allgemeinen, keine feste Höhe zu verwenden, um einen Abschnitt fest zu codieren. Codieren Sie ihn nicht fest! Schreib es nicht tot! Schreib es nicht tot! Wichtige Dinge sollten dreimal gesagt werden. Wie kann man eine Reaktionsfähigkeit herstellen, wenn es fest codiert ist?

8 Die Ränder und Polsterungen eines Elements

wirken sich in horizontaler Richtung (links und rechts) auf alle Elementränder und -polster aus, lediglich die vertikale Richtung (oben und unten) der Elemente innerhalb der Zeile spielt keine unterstützende Rolle. Es ist zu beachten, dass durch Auffüllen der Rand eines Elements erweitert werden kann, das Element dadurch jedoch nicht aus seiner ursprünglichen vertikalen Position gedrängt wird.

9 Die Verwendung der relativen und absoluten Positionierung

Es gibt vier Arten der Positionierung: absolute Positionierung, relative Positionierung, feste Positionierung und statische Positionierung. Zu den beiden letztgenannten Positionierungsarten gibt es nicht viel zu sagen. Sie sind genau wie die beiden vorherigen Arten. Zu beachten ist, dass die relative Positionierung die ursprüngliche Position im Dokumentfluss einnimmt, während die absolute Positionierung nicht die ursprüngliche Position im Dokumentfluss einnimmt. Wenn Sie also eine Positionierung verwenden müssen, müssen Sie die spezifische Situation entsprechend der tatsächlichen Situation analysieren und überlegen, ob Sie eine relative oder eine absolute Positionierung verwenden möchten. Beispiel:

Liste gehört zum oberen Teil, links ist die Anzeige unten und b ist der Inhalt des unteren Teils. Wenn zur Lösung des Problems relative und absolute Positionierung verwendet werden, sollte links absolut verwendet werden, um den unteren Teil nicht zu beeinträchtigen. Auf diese Weise wird die Liste, die den oberen Teil überschreitet, abgedeckt. Daher sollte für das übergeordnete Feld der Liste eine bestimmte Ebene festgelegt werden. Logischerweise sollte relativ verwendet werden, um die Position des oberen Teils einzunehmen, da es immer noch zum oberen Teil gehört. In diesem Fall müssen Sie auch für b einen relativen Wert festlegen und den linken Rand so einstellen, dass er nicht blockiert wird.

10 Verwenden Sie Positionierung, um Elemente zu zentrieren.

Um ein Blockelement horizontal zu zentrieren, können Sie margin: 0 auto verwenden. Die Lösung mit Positionierung ist: Nachdem Sie die Positionierung festgelegt haben, setzen Sie links (oben) auf 50 % und verwenden Sie dann margin-left, um die Hälfte seiner Position nach hinten zu verschieben.

11 Hintergrund und Bilder

Die Leute fragen oft, wann man zum Einfügen von Bildern „img“ und wann man Hintergründe verwenden soll. Einfach ausgedrückt denke ich, dass für die Symbole auf allgemeinen Websites alle Hintergründe verwendet werden und dass img-Bilder verwendet werden, wenn sie speziell mit einem bestimmten Produkt in Zusammenhang stehen.

Der obige Artikel zu den grundlegenden Aspekten von HTML und CSS (ein Muss für das Front-End) ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen und ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen.

Original-URL: http://www.cnblogs.com/qing9442/archive/2016/07/26/5709413.html