HTML-Code für keine Abstand zwischen Sätzen
Weder HTML noch CSS haben Codes speziell für den Abstand zwischen den Sätzen in einer Webseite ändern. Allerdings erstellen Sie Definitionen, die diesen Abstand ändern mithilfe der "Word-Spacing" oder "Letter-Spacing" Eigenschaften von CSS. Im Allgemeinen verwenden Sie die Eigenschaft "Wortabstand" Satz Abstand ändern, da dieser Text produziert, die besser lesbar ist.
Auswirkungen der "Wortabstand" und "Letter-Spacing"
Die zwei Arten der Verwendung von HTML-Code zum Festlegen des Abstands zwischen Sätzen ist, legen Sie die Eigenschaft "Wortabstand" des gewünschten Elements auf Platz. Festlegen eines Werts für diese Eigenschaft wirkt sich auf die Menge der Leerraum zwischen alle Wörter in den Absatz, Div, Anker oder andere Element, das Sie den Stil für einrichten. Diese Style-Definition macht z. B. den Abstand zwischen allen Wörtern in alle Absätze in die HTML-Seite 20-Pixel:
P {-Wortabstand: 20px;}
Ein anderer Weg zum Anpassen der Abstand zwischen Sätzen ist die "Letter-Spacing"-Eigenschaft eines Elements festgelegt. Beachten Sie, dass das Festlegen dieser Eigenschaft wird erweitern oder Vertrag alle Buchstaben im betroffenen Satz, der diese Sätze schwer lesbar machen kann. Diese Style-Definition stellt den Abstand zwischen Buchstaben bei fünf Pixeln.
.wideSpacing {Letter-Spacing: 5px;}
Beispielwebseite
Testen Sie benutzerdefinierten Satz Abstände auf einer Webseite durch eine Beispielwebseite, mithilfe von benutzerdefinierten Stil-Definitionen für die "Word-Spacing" und "Letter-Spacing" Eigenschaften schreiben. Starten Sie dieses Projekt mit einer leeren Webseitenvorlage, wie Sie am Ende dieses Abschnitts.
< html >< Head >< Stil >< / style >< / head >< Körper >< / body >< / html >
Speichern Sie Ihr Web Template als nur-Text-Dokument mit beliebiger Dateiname Endung "HTML" oder "HTM".
Formate definieren
Sobald Sie eine leere Webseite hosten Ihrer Satz-Abstand-Experimente gemacht haben, definieren Sie benutzerdefinierte Formatvorlagen für die Seite im Abschnitt Stil Ihrer Web-Vorlage. Die Formatdefinitionen, die nach diesem Abschnitt erstellen Sie benutzerdefinierte Formatvorlagen, die Auswirkungen Wortabstand und Zeichenabstand. Ein beliebiges Element in Ihre Web-Seite werden diese Anpassungen verwenden können. Sobald Sie ein Element Class-Eigenschaft auf den Namen eines der folgenden Definitionen festgelegt haben, dauert das Element auf den Abstand der Satz, den Sie für diese Definition angegeben haben.
.myWordSpacing {-Wortabstand: 10px;}.myLetterSpacing {Letter-Spacing: 20px;}
Definierten Stile anwenden
Nach dem Erstellen von benutzerdefinierten Formatdefinition diesen Auswirkungen Satz Abstand, auf Elemente auf Ihrer Web-Seite anwenden. Starten Sie durch das Schreiben von Text, dessen Satz Abstände Sie möchten Ihre eigene Definitionen ändern. Beispielsweise können Sie eine Paragraph-Element mit zwei einfache Sätze schreiben.
< p > Jack und Jill ging hinunter den Hügel. Und nie mehr gefunden. </p >
Nach dem Schreiben ändern die Probe Sätze für ein Element Satz Abstände durch seinen Stil anpassen. Tun Sie dies, indem das Element Style-Eigenschaft oder die Class-Eigenschaft ändern.
< p Class = "MyWordSpacing" > Jack und Jill ging hinunter den Hügel. Und nie mehr gefunden. </p >
< p Class = "MyLetterSpacing" > Jack und Jill ging hinunter den Hügel. Und nie mehr gefunden. </p >