Was bewirkt die CSS-Marge?

Zuerst müssen wir wissen, was Marge bedeutet. Das Margin-Attribut ist das Kurzattribut von CSS zum Festlegen aller Margin-Attribute in einer Anweisung. Es ist ein Attribut, das zur Steuerung des Abstands zwischen den einzelnen Attributen verwendet wird Element. Sie sind transparent und unsichtbar.

margin-Attribut enthält margin left: Abstand vom linken Elementblock (von links festgelegt innerer Rand ); Abstand vom oberen (oberen) Elementblock (von oben festgelegt). Abstand des Elementblocks); Rand rechts: Abstand vom rechten Elementblock (Abstand vom rechten Elementblock festlegen); Rand unten: Abstand vom unteren Elementblock festlegen Elementblock). Das zweidimensionale Konstruktionsdiagramm ist im zweidimensionalen CSS-Attributdiagramm zu sehen.

margin-left-Verwendung: margin-left:10px Dies bedeutet 10 Pixel vom linken Elementblock, gefolgt von einem Prozentsatz wie (margin-left:10%; 10 % vom linken Elementblockabstand) CSS-Margin-Left-Tutorial; Darauf kann ein Prozentsatz folgen, z. B. (margin-right: 10 %; 10 % Abstand vom rechten Elementblock); bedeutet 10 Pixel vom oberen Elementblock, gefolgt von einem Prozentsatz wie (margin-top:10 %; 10 % Abstand vom oberen Elementblock) css margin-top:

margin-bottom: margin-bottom:10px; Dies bedeutet Abstand vom unteren Rand. Der Elementblockabstand beträgt 10 Pixel, gefolgt von einem Prozentsatz wie (margin-bottom: 10%; 10% Abstand vom unteren Element Block) CSS Margin-Bottom; -Breite Buchstaben.

Wenn Sie den Randwert sowohl für die linke als auch für die rechte Seite festlegen müssen, können Sie dies in Abkürzungen tun, um CSS zu optimieren. Die Abkürzung lautet beispielsweise:

margin:10px; was bedeutet, dass der Abstand zwischen den oberen, unteren, linken und rechten Elementblöcken 10px (10 Pixel) beträgt margin-top:10px; margin-left:10px; Abkürzung für den gleichen Effekt; Elementblöcke sind 5 Pixel und der Abstand zwischen den linken und rechten Elementblöcken beträgt margin-top:5px; margin-left:10px; Wirkung; margin:5px 6px 7px; was bedeutet, dass der Abstand zwischen dem oberen Elementblock 5px, der Abstand zwischen dem unteren Elementblock 7PX und der Abstand zwischen dem linken und rechten Elementblock 6px beträgt margin-top:5px; margin-left:6px; Abkürzung für den gleichen Effekt; Der Abstand zwischen dem rechten Elementblock beträgt 6 Pixel, der Abstand zwischen dem unteren Elementblock beträgt 8 Pixel, was margin-top:5px entspricht; :7px; margin-right:8px; Abkürzung für den gleichen Effekt ; Es gibt so viele Möglichkeiten, das Margin-Attribut von CSS zu verwenden. Bitte achten Sie auch weiterhin darauf Aktualisierungen auf dieser Website.

Verwandte Lektüre:

Tipps zum Zeichnen verschiedener grundlegender Grafiken mit CSS3

HTML und CSS Anleitung zur Herstellung von QQ Penguin

Verstehen Sie diese CSS-Prinzipien?

Das obige ist der detaillierte Inhalt vonWas bewirkt die CSS-Marge?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!