Wie einen Absatz eingerückt werden soll, wenn Sie eine Webseite mit einem CSS-Stylesheet erstellen

Cascading Style Sheets (CSS) können Sie präzise Elemente auf Ihren Webseiten. Verwenden Sie CSS legen Farben, Größe der Steuerelemente und sogar Absätze einrücken. Web-Browser Absätze standardmäßig nicht einziehen. Es kann vorkommen, jedoch als ein eingerückten Absatz--wie gesehen in Büchern--visuellen Reiz zu einer Webseite hinzufügen können. Definieren Sie eine CSS-Eigenschaft "Textausrichtung" in ein externes CSS-Stylesheet, Steuern Sie den Absatzeinzug aller Seiten auf Ihrer Website.

Anweisungen

1 Öffnen Sie Notepad oder einen HTML-Editor, und erstellen ein neues Dokument.

2 Fügen Sie den folgenden CSS-Code in das Dokument ein:

p {Text-Gedankenstrich: 1em;}

Diese Linie von CSS legt die "Text-Indent"-Eigenschaft der Absätze auf 1em. Entwickler können mithilfe von Pixel oder "Em" Einheiten Größenwerte Schriftart angeben. Eine Em-Einheit entspricht den aktuellen Schriftgrad. In diesem Beispiel rückt beispielsweise ein Wert von 1em ein Absatz 12 Pixel wenn die aktuelle Schriftgröße 12 Pixel ist. Die World Wide Internet Web Consortium empfiehlt die Verwendung von Em Maßeinheiten. Wenn Sie lieber die Einzugsgröße mit Pixeln angeben würde, fügen Sie den folgenden Code in das Dokument stattdessen ein:

p {Text-Gedankenstrich: 12px;}

3 Speichern Sie das Dokument mit einer CSS-Datei-Endung. Zum Beispiel wenn Sie nennen es "MyStylesheet" möchten, speichern Sie sie als "MyStyleSheet.css." Dies schafft Ihr CSS-Stylesheet, das auf jeder Seite Ihrer Website verweisen kann.

4 Öffnen Sie Ihre HTML-Dokumente mit Ihrem HTML-Editor oder Notepad.

5 Fügen Sie einen Absatz des Dokuments "Körper" Abschnitt wie folgt:

< p >

"Lorem Ipsum Dolor sit Amet, Consectetur Voluptatem Elit, Sed UT Tempor Incididunt Ut Labore et Dolore Magna Aliqua. UT Enim Ad Minim haben, Quis bieten Übungsmanöver Ullamco Laboris nisi Ut Aliquip ex Ea Commodo Consequat. Duis Aute Irure augue in Reprehenderit in Voluptate Velit Esse Cillum Dolore Eu Fugiat Nulla Pariatur. Excepteur Sint Occaecat Cupidatat nicht Proident, Sunt in Culpa Qui Officia Deserunt Mollit Anim Id est Laborum."

</p >

Dieser Absatz enthält "Lorem Ipsum"-Blindtext. Web-Entwickler nutzen "Lorem Ipsum"-Text, um Seitenlayout und Design zu unterstützen. Indem Sie genug von diesen Text auf einer Webseite, können Sie sehen, wie ein ganzer Abschnitt mit Einzug aussehen.

6 Fügen Sie die folgende Stil Blatt Verknüpfung-Anweisung, um das Dokument "Sektionschef":

< href="xyz.css link" Rel = "Stylesheet" Type = "Text/Css" / >

Dies fügt einen Verweis auf ein externes CSS-Stylesheet. Ersetzen Sie "xyz.css" durch den Namen des Stylesheets, die Sie erstellt.

7 Speichern Sie das HTML-Dokument, und zeigen Sie es in Ihrem Browser. Der Browser wird den Absatz um den Abstand Betrag einzuziehen, die Sie im Stylesheet festgelegt.

Tipps & Warnungen

• Ändern Sie den Wert Em oder Pixel in Ihrem Stylesheet, um alle Werte, die Sie mögen. Zeigen Sie nach einer Änderung Ihre Webseite in einem Browser zu sehen, wie sich die Änderung der Absatzeinzug auswirkt.
• Jede Web-Seite, die Absatzeinzug erfordert fügen Sie die Stylesheet "Verknüpfung" Erklärung hinzu.