font-size und line-height
Baba
- css
0 Der Martin
0 ChrisB0 Der Martin
0 Baba0 molily
0 Matthias Apsel
0 Baba
Ich habe da mal eine grundsätzliche Frage.
css:
body{
font-size:1em;
line-height:1em;
}
h1{
font-size:2em;
}
Nun bekommt das h1 eine zu kleine Linienhöhe (line-height). E.g. ("berechnet"-Angaben vom Firebug): font-size:32px; line-height:16px;
Die Lösung ist, beim zuweisen von font-size auch line-height wieder erneut zu setzen.
h1{
font-size:2em;
line-height:1em;
}
Dann bekommt er (berechnet); font-size:32px; line-height:32px
Ich finde das nicht optimal bei jedem mal, wenn ich die Schriftgröße setze, die line-height zu "resetten". Mache ich was falsch oder ist das so gedacht?
Cheers,
Baba
Hallo,
Ich finde das nicht optimal bei jedem mal, wenn ich die Schriftgröße setze, die line-height zu "resetten". Mache ich was falsch oder ist das so gedacht?
ich find's auch nicht besonders schlau - aber hast du schon mal versucht, line-height in Prozent anzugeben? AFAIK bezieht sich eine Prozentangabe auf die Schriftgröße des Elements selbst, eine em-Angabe aber auf die Schriftgröße des Elternelements.
Ciao,
Martin
Hi,
Ich finde das nicht optimal bei jedem mal, wenn ich die Schriftgröße setze, die line-height zu "resetten". Mache ich was falsch oder ist das so gedacht?
ich find's auch nicht besonders schlau - aber hast du schon mal versucht, line-height in Prozent anzugeben?
Wozu? line-height *ohne* Einheit funktioniert idR. am besten.
MfG ChrisB
Hallo,
hast du schon mal versucht, line-height in Prozent anzugeben?
Wozu? line-height *ohne* Einheit funktioniert idR. am besten.
danke, wieder was gelernt. *Das* wusste ich auch noch nicht.
Ciao,
Martin
Wozu? line-height *ohne* Einheit funktioniert idR. am besten.
Tausend Dank. Funktioniert.
Warum steht das nirgends dabei?
Ein Contest: was hätte ich bei google eingeben müssen, um zu dieser Info zu gelangen?
vielen Dank.
Baba
Hallo,
Warum steht das nirgends dabei?
Das steht überall (außer in SELFHTML 8.1).
Ein Contest: was hätte ich bei google eingeben müssen, um zu dieser Info zu gelangen?
»line-height«
Aus den zehn ersten Hits, SELFHTML ausgenommen:
https://developer.mozilla.org/de/docs/Web/CSS/line-height
http://www.mediaevent.de/css/line-height.html
http://www.css-wiki.com/css-eigenschaft/line-height
http://reference.sitepoint.com/css/line-height
http://www.w3.org/TR/CSS2/visudet.html#propdef-line-height
http://css-tricks.com/almanac/properties/l/line-height/
http://www.thestyleworks.de/ref/line-height.shtml
http://thenextweb.com/dd/2012/10/14/refine-your-web-type-with-this-crash-course-on-the-css-line-height-property/
Alle erwähnen den numerischen Wert ohne Einheit (mal prominenter, mal am Rande).
Mathias
Om nah hoo pez nyeetz, molily!
Warum steht das nirgends dabei?
Das steht überall (außer in SELFHTML 8.1).
Im SELFHTML-Wiki steht es übrigens auch: line-height, Referenz
Matthias
Alles klar. Danke!
Cheers,
Baba