Was bedeutet Marge in CSS?

Margin in CSS ist eine Eigenschaft, mit der der Abstand um ein Element festgelegt wird, um den Abstand zwischen Elementen zu steuern und eine visuelle Trennung zu schaffen. Zu den Attributwerten von margin gehören margin-top, margin-right, margin-bottom und margin-left, die jeweils die Ränder in den vier Richtungen des Elements darstellen und in verschiedenen Einheiten festgelegt werden können. Achten Sie bei der Verwendung von Rändern auf die tatsächliche Breite des Elements. Dies hat keinen Einfluss auf die tatsächliche Größe des Elements, sondern nur auf seine Position.

Marge in CSS

Was ist Marge?

margin ist eine Eigenschaft in CSS, die verwendet wird, um den Abstand um ein Element herum festzulegen, also den Abstand zwischen dem Element und anderen Elementen oder Containern.

Funktion:

Rand wird verwendet, um den Abstand zwischen Elementen zu steuern, eine visuelle Trennung zu schaffen und die Lesbarkeit und Schönheit des Seitenlayouts zu verbessern.

Attributwert:

margin Sie können vier Werte angeben, die die Ränder in den vier Richtungen des Elements darstellen:

• margin-top: oberer Rand
• margin-right: rechter Rand
• Rand unten: Unterer Rand
• Rand links: Linker Rand

Verwendung:

Rand kann auf folgende Weise festgelegt werden:

<code class="css">/* 内联样式 */
<p style="margin: 10px;">段落文本</p>

/* 外部样式表 */
p {
  margin: 10px;
}

/* 缩写形式 */
p {
  margin: 10px 20px 10px 15px; /* 上右下左 */
}</code>

Einheit:

welche Randeinheiten verwendet werden können px, em, rem, % und andere gängige CSS-Längeneinheiten.

Vererbung:

Margin wird nicht vererbt, was bedeutet, dass untergeordnete Elemente ihren Margin-Wert nicht vom übergeordneten Element erben.

Tipps:

• Bevor Sie den Rand verwenden, löschen Sie am besten alle Standardwerte. Sie können margin: 0; verwenden.
• Achten Sie bei der Verwendung von Rändern auf die tatsächliche Breite des Elements, da diese sich auf das Layout der Seite auswirkt.
• margin hat keinen Einfluss auf die tatsächliche Größe des Elements, sondern nur auf seine Position.

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