Was sind vor-und Nachteile hinzufügen von line-height für body { }?
Ist es gut, fügen Sie line-height
im body{line-height:1.5}
oder wäre es besser, wenn ich zuerst separat für tag-durch-tag wie p{ line height:1em}
etc.
Edit:
body {line-height:im em} erstellen problem mit, wenn wir Bild mit float innerhalb
Änderung: 24. April 2010:
Wenn ich hinzufügen, unterschiedliche Zeilenabstände, um Elemente
wie
p {line-height: 1.4}
h1 {line-height:1.6}
h2 {line-height:1.2}
ul li {line-height:1.1}
dann sollte ich nicht die Zeilenhöhe in body {line-height:1.4}
wenn body {line-height:1.4}
und h1 {line-height:1.6}
was wäre dann die Zeilenhöhe für h1
?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es gerade hängt. Wenn man es in den Körper, dann bekommen Sie, faul zu sein und sich keine sorgen über immer wieder tun, aber Ihr gehen, die Kontrolle zu verlieren weil alles auf der Seite haben die
line-height
Satz 1.5. In der Erwägung, dass, wenn Sie erklärt es in jedem tag, die Sie gewinnen sehr viel Kontrolle, aber Sie haben mehr Arbeit zu tun.Ich persönlich würde für die tag-für-tag-Lösung, aber ich bin ein Kontroll-freak, also...
Die offensichtliche Antwort ist die Angabe, es einmal im Körper ist weniger Arbeit (und Aufwand).
Es ist ein klarer NACHTEIL: wenn du eine Einheit (z.B. 'px') in die line-height, und geben Sie es auf den Körper, wird es wie die ganze Seite. Dies kann erstellen Sie verrückte Ergebnisse mit fe big Seite Titel überlappen einander, oder winzige beiseite text langsam lächerlich Leerraum zwischen den Zeilen. Wenn Sie nicht, verwenden Sie eine Einheit, und geben Sie es nirgendwo sonst, ist der vertikale Rhythmus der Seite wird chaotisch.
Lesen: http://www.alistapart.com/articles/howtosizetextincss/
Es ist üblich bei websites, auf verwenden Sie niemals ein Gerät am line-height, das ist einer der Gründe, warum die meisten Webseiten sehen ein bisschen chaotisch, designwise. Schauen Sie sich nur diese Seite schon 🙂
Ich würde angeben einheitenlosen line-height auf das body-element, und verwenden Sie eine Einheit-basierte line-height auf einem bestimmten 'content' - Bereich, wo Sie genau wissen, welche Art von Inhalten zu erwarten (der "content-body').
*-pike
Ein Wort der Vorsicht über die Umsetzung von line-height auf den body-tag:
Wenn Sie geben Sie eine Höhe in Prozent, Sie würde intuitiv erwarten, dass enlargen /verkleinern aller line-Höhen (z.B. 50% verkleinert auf die Hälfte, 200% doppelte Leerzeichen, 100% passiert nichts).
Dies ist nicht der Fall. Für Absätze und normal großer text funktioniert es einwandfrei. Aber für die überschriften ist es eine Katastrophe, da die gleichen line-height als für normalen text angewendet wird... Sehen, was hier passiert: https://jsfiddle.net/11jgwzzu/ .
Funktioniert es, wenn Sie zum Beispiel 1,5 statt 150%.
Mit diesem im Verstand, ich denke, es ist ganz okay, etwas zu verwenden, wie diese:
um die gesamte Seite ein wenig mehr geräumig. Können Sie immer noch überschreiben, dieses Verhalten für bestimmte Elemente, wenn Sie wollen, aber oft finde ich habe ich auch nicht überschreiben, da ich denke, dass
line-height: 1.61
sieht ziemlich gut überall.setzte es, wo es angebracht ist
wenn Sie möchten, line-height: 1.5 auf alles, was in dem Körper, auf den Körper
wenn Sie nur wollen, dass line-height: 1.5 auf alles, was in der Haupt-content-Bereich, legen Sie es auf die div id="MainContent"
etc.