Wie man Wörter Raum bei einer Webseite

HTML selbst bietet nicht viele Möglichkeiten, Raum Wörter auf einer Webseite. Überschriften und Absätze erhalten einige standardmäßig in allen Browsern, sondern nur die unterbrechungsfreies Abstand Raum Charakter----vorhanden ist, um den Abstand zwischen Buchstaben hinzufügen. Im Cascading Style Sheet Code, Web-Designer können die "Letter-Spacing" und "Wortabstand" Eigenschaften erhalten Feinabstimmung Kontrolle über das Aussehen der Wörter auf Webseiten.

Anweisungen

1 Öffnen Sie die HTML-Datei für Ihre Webseite im Code-Editor der Wahl. Fügen Sie Ihren Text, wenn Sie noch zu tun, und dann einen Zeilenumbruch in einem HTML-Tag wie < h1 > für eine große Überschrift oder < p > einen Absatz benötigen. Fügen Sie hinzu "Class"-Attribut zu Ihrem Tag, so können Sie es in CSS als Ziel und Wiederverwendung der Klassenname für andere Stücke des Textes, den gleichen Stil verwenden.

< p Class = "Abstand" > Ihr Text geht hier. </p >

2 Einen Bildlauf zum oberen Rand Ihrer HTML-Datei und suchen Sie nach < Stil >-Tags zwischen den < Head > und < / Head > Markierungen. Fügen Sie Ihre CSS zwischen < Stil > und < / style > Markierungen. Sie können auch CSS-Code zu einem externen Stylesheet hinzufügen, wenn Ihre Website eine verwendet. Hier ist ein Beispiel für CSS-Code für das < p >-Tag mit einer "Klasse" von "spaced":

{p.spaced}

Schriftfamilie: serifenlose;

Farbe: grau;

}

Die oben genannten Code Stile alle < p > mit einer "Klasse"-Tag-Attributwert "spaced" mit der serifenlose Standardschriftart in der Farbe grau.

3 Raum-Wörter, die mit der "Word-Spacing"-Eigenschaft in CSS. Dies ist eine Eigenschaft von CSS 2.1, und es ist kompatibel mit allen gängigen Browsern. Sie können Pixelwerte mit "px" oder Em-Werten mit "Em" für diese Eigenschaft definieren. Einige Designer bevorzugen "Em", weil es ein relatives Maß ist.

{p.spaced}

Wortabstand: 3px;

}

Im obigen Code erhalten alle Wörter drei Pixel Abstand zwischen ihnen. Dieser Abstand ist unabhängig von der Schriftgröße, also mit Vorsicht zu verwenden. Bei der Verwendung von "Em" ist 1-Em gleich den aktuellen Schriftgrad. Drei Ems würde dann drei Zeichen Breite abhängig von der Größe der Zeichen wird im Abstand gleich. Die "Letter-Spacing" Eigenschaft in CSS funktioniert genauso und ist auch in jedem Browser kompatibel.

Tipps & Warnungen

• Wenn Ihr Wortabstand nicht funktioniert, überprüfen Sie die Eigenschaft "Text-align" für Ihren Text. Wenn "Textausrichtung" zu "rechtfertigen" festgelegt ist, ändern Sie es dann nach "Links" zu Ihrem Wortabstand in Aktion zu sehen.