Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Ausführliche Erläuterung der Verwendung von CSS-Außenrändern

高洛峰
Freigeben: 2017-03-16 11:06:17
Original
1568 Leute haben es durchsucht

Dieser Artikel erklärt ausführlich die Verwendung von CSS-Rändern

h2{margin:10px 0;}
p{margin:20px 0;}
......<h2>这是一个标题</h2><p>
    <h2>这是又一个标题</h2></p>本例中,第一个h2的margin-bottom(10px),p的margin-top(20px),第二个h2的margin-top(10px)将被合并,它们之间的margin间隙最后是(20px),即取三者之间最大的那个值。
Nach dem Login kopieren
Nach dem Login kopieren


Syntax:

margin: [ < ; Länge> |. auto Schauen Sie sich jedes unabhängige -Attribut

an. Gilt für alle Elemente, außer inline-table table-caption -Klassenelemente außerhalb

VererbtGeschlecht: Keine

AnimationGeschlecht: Ja

Berechneter Wert

: Sehen Sie sich jedes unabhängige Attribut anZugehöriges Attribut: [

margin-right

] | -bottom ] ||. [ margin-left]

Wert: auto: horizontal (Standard) Schriftlich Im Modus ist der berechnete Wert von margin-top/margin-bottom 0 und margin-left/margin-right hängt vom verfügbaren Platz ab. Einzelheiten finden Sie unter: margin series keyword auto

: Verwenden Sie den Längenwert, um den externen Abstand zu definieren. Kann negativ sein

  • : Verwenden Sie den Prozentsatz, um die äußere Polsterung zu definieren. Im horizontalen (Standard-)Schreibmodus beziehen Sie sich zur Berechnung auf die

    Breite
  • des enthaltenden Blocks. In anderen Fällen beziehen Sie sich auf die
  • Höhe

    , die negativ sein kann

  • Beschreibung:

    Erweiterte Ränder der vier Seiten des
  • Objekts
abrufen oder festlegen.

Wenn alle vier Parameterwerte angegeben sind, werden sie auf die vier Seiten in der Reihenfolge oben, rechts, unten und links angewendet. Wenn nur eine angegeben ist, wird diese für alle vier Seiten verwendet.

  • Wenn zwei vorhanden sind, ist das erste für oben und unten und das zweite für links und rechts.

  • Wenn drei vorhanden sind, ist das erste für oben, das zweite für links und rechts und das dritte für unten.

  • Nicht ersetzte Inline-Elemente können dieses Attribut verwenden, um die äußeren Patches auf der linken und rechten Seite festzulegen. Wenn Sie die äußeren Patches auf der oberen und unteren Seite festlegen möchten, müssen Sie dies tun Stellen Sie zunächst sicher, dass das Objekt als Blockebene oder Inline-Blockebene angezeigt wird.

  • Erweiterte Ränder sind immer transparent.

  • Einige benachbarte Ränder werden zusammengeführt, was wir Randfaltung nennen:
Das übergeordnete Element verschmilzt mit dem ersten/letzten untergeordneten Element mit Rand
h2{margin:10px 0;}
p{margin:20px 0;}
......<h2>这是一个标题</h2><p>
    <h2>这是又一个标题</h2></p>本例中,第一个h2的margin-bottom(10px),p的margin-top(20px),第二个h2的margin-top(10px)将被合并,它们之间的margin间隙最后是(20px),即取三者之间最大的那个值。
Nach dem Login kopieren
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von CSS-Außenrändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage