Eingerückte Absätze
Hier nun etwas Einfaches: wir rücken die erste Zeile eines Absatzes ein.
Viele Leute finden einen Text einfacher zu lesen wenn die erste Zeile eingerückt wurde als Leerzeilen zwischen den Absätzen,
gerade in langen Texten. Und es ermöglicht die Leerzeilen für wichtigere Absatztrennungen
aufzusparen.
Der Trick dabei ist nur diese Absätze einzurücken welche bereits einem
Absatz folgen. Der erste Absatz muss natürlich nicht eingerückt werden - das
würde keinen Sinn machen. Ebensowenig würde es Sinn machen die Einrückung nach Überschriften
oder anderen Elementen der Seite vorzunehmen. Im Fliesstext zeigt sich die Stärke dieser Technik.
Die Regeln dafür sind sehr einfach:
p {
margin-bottom: 0 }
p + p {
text-indent: 1.5em;
margin-top: 0 }
Das wird dafür sorgen dass die erste Zeile von genau den Absätzen eingerückt wird welche
einem anderen Absatz folgen. Es verhindert auch dass störende Leerräume zwischen den Absätzen
auftreten. In der Praxis kann es dennoch vorkommen dass gewisse Aussnahmen bedacht werden müssen.
In dieser Seite z.B., existieren P Elemente welche als Textunterschrift für ein
Bild verwendet wurden (siehe das obige Beipiel). Diese wurden
zentriert und wir möchten nicht dass hier irgendetwas eingerückt wird. Eine einfache
Regel 'p.caption {text-indent: 0}' trägt dafür Sorge. Sie werden feststellen dass
diese Regel in unserem Beispiel hier unabdingbar war.
Wir können nun verschiedene Abstände zwischen den Absätzen festlegen um
die Wichtigkeit des jeweiligen Umbruches zu verdeutlichen.
Lassen Sie uns drei verschiedene Abstände einrichten: stb (nicht so wichtiger Absatzumbruch), mtb (wichtigerer Absatzumbruch)
und ltb (sehr wichtiger Absatzumbruch).
Wir haben dem folgenden Absatz die Klasse stb zugewiesen um den Unterschied zu verdeutlichen.
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
