Änderung des Abstands zwischen Absätzen und innerhalb von Absätzen

Änderung des Abstands zwischen Absätzen und innerhalb von Absätzen
HTML ist eine Markup -Sprache, die zahlreiche Elemente bietet, die die Website -Struktur erstellen. CSS unterstützt HTML so, dass es unterschiedliche Styling- und Positionseigenschaften für die HTML -Elemente bietet. Insbesondere die HTML “

Element gibt den Absatz in einem Dokument an. Die Absätze können mit CSS -Eigenschaften angepasst werden, wie zRand","Zeilenhöhe","Wortabstand", und viele mehr.

Diese Beschreibung wird Sie anweisen:

  • Wie man den Abstand zwischen Absätzen in CSS ändert?
  • Wie man den Abstand innerhalb von Absätzen in CSS ändert?

Voraussetzung: Erstellen Sie eine HTML -Datei

Die HTML -Seite kann erstellt werden, indem die Anweisungen folgen:

  • Zwei hinzufügen “

    Elemente in der HTML -Datei.

  • IDs als “zuweisenpara1" Und "para2", bzw.
  • Geben Sie den Absatzinhalt in diesen nach unten angegeben:


Erfolgreiche Menschen haben einfach viel Mühe unternommen und erfolgreich auf das Ziel. Sie haben kein natürliches Talent.
Erfolgreiche Menschen haben einfach viel Mühe unternommen und erfolgreich auf das Ziel. Sie haben kein natürliches Talent.



Erfolgreiche Menschen haben einfach viel Mühe unternommen und erfolgreich auf das Ziel. Sie haben kein natürliches Talent.
Erfolgreiche Menschen haben einfach viel Mühe unternommen und erfolgreich auf das Ziel. Sie haben kein natürliches Talent.


Ausgang

Wie man den Abstand zwischen Absätzen in CSS ändert?

Der "RandEigenschaften können Räume zwischen den Absätzen hinzufügen. Darüber hinaus verwenden Sie die “RandbodenEigentum wäre in diesem Fall eine gute Wahl.

Fügen wir ein Grenzeigenschaften hinzu, um den Randraum bekannt zu zeigen.

Stil „Para1“ -Klasse

.para1
Grenze: 1px Festgrau;
Randboden: 70px;

Der ".para1”Wird verwendet, um auf die zuzugreifen

Element mit der ID “para1”Und wenden Sie die folgenden Eigenschaften an:

  • GrenzeDie Eigenschaft wird mit dem Wert der Grenzbreite, des Stils und der Farbstoffe angewendet, die den Rand um den Absatz setzt.
  • Randboden”Fügt Platz am Boden des Absatzes hinzu.

Stil „Para2“ -Klasse

.para2
Grenze: 1px Festgrau;

Der "

"Element mit der ID"para2"Wird auch mit dem Rand unter Verwendung des CSS angewendet"Grenze" Eigentum.

Es kann beobachtet werden, dass die Räume zwischen den Absätzen erfolgreich hinzugefügt wurden:

Wie man den Abstand innerhalb von Absätzen in CSS ändert?

Das CSS “ZeilenhöheDie Eigenschaft wird verwendet, um Räume zwischen den Zeilen des Absatzes hinzuzufügen.

Fügen Sie dazu die Leitungs-Heiger-Eigenschaft zum “hinzu“

"Element mit ID"para1”:

Linienhöhe: 2;

Ausgang

Das ging darum, Räume zwischen den Absätzen zu ändern.

Abschluss

Um die Räume zwischen den Absätzen zu ändern, fügen Sie zunächst Absätze in die HTML -Datei mit der “Fügen Sie den Absatz hinzu

" Element. Dann das CSS “RandbodenEigenschaften werden verwendet, um Platz zwischen den Absätzen hinzuzufügen. Das CSS “ZeilenhöheEigenschaft fügt Platz in den Absätzen hinzu. Dieser Beitrag hat sich auf das Verfahren erarbeitet, um den Abstand zwischen Absätzen und Absätzen zu ändern.