Webdesign huet ëmmer Prinzipien a Definitioune vun der Welt vun Grafik a Drécker entwéckelt. Dëst ass speziell richteg wann et um Web typografie kënnt an de Wee an deem mir Letterformen op eise Websäiten kréien. Dës Parallelen sinn net ëmmer 1 bis 1 Iwwersetzungen, mä Dir kënnt sécherlech gesinn, wou eng Disziplin d'aner beaflosst huet. Dëst ass besonnesch evident wann Dir d'Relatioun tëscht dem traditionelle Typographie-Begrëff "Lead" an der CSS- Eegess bekannt als "Line-Héicht" bezeechent.
D'Zilsetzung vu Leading
Wann Leit benotzt hun manuell Metall- oder hëlze Briefe benotzen fir d'Typografie fir eng gedréckte Säit ze maachen, dënnen Stéck Leit sinn tëschent horizontalen Textzeilen gelant, fir Abstand tëschent deenen Zeilen ze maachen. Wann Dir e grousse Fläche wënscht, géift Dir méi grouss Stéck Leit setzen. Dëst ass wéi de Begrëff "Lead" agepräkt ass. Wann Dir den Begrëff "Leading" an engem Buch iwwer typographesch Entworf a Prinzipien erwaart hutt, da wär et eppes zum Effekt vun der "Distanz tëscht den Baselines vun opsteigerene Linnen".
Leading am Webdesign
Am digitalen Design gëtt de Begrëff ëmmer nach benotzt fir den Abstand tëscht Textzeilen ze referenzéieren. Vill Programmer benotzen dës genee Begrëff, obwuel d'aktuell Leit net offensicht net an dëse Programmer gebraucht ginn. Dëst ass e gudde Beispill vun neie Formen vun Design entwéckelt Iddie vun traditionellen, obwuel d'exakt Applikatioun vum Prinzip geännert huet.
Wann et um Webdesign geet, gëtt et keng CSS-Eigenschaft fir "Lead". Anstatt datt d'CSS-Eigenschaft déi dës visuell Lëscht vun Text erofspillt, gëtt Linn-Héicht genannt. Wann Dir Är Text méi Plaz méi tëscht horizontalen Textzeilen hunn, benotze Dir dës Eigenschaft. Zum Beispill, Dir wëllt d'Line-Héicht fir all Paragraphen am
Dëst wär d'lescht 1.5 Mol d'normale Zeil Héicht, baséiert op der Default Schrëftgréisst vun der Säit (wat normalerweis 16px) ass.
Wann Dir Line-Hight benotzt
Wéi genee detailléiert, Linn-Héicht ass ugemooss ze benotzen fir d'Zeilen vum Text an den Absätzen oder aner Blöcken vum Text ze plangen. Wann et ze kleng Plaz tëscht den Zeilen ass, kann de Text lëschteg a schwiereg fir d'Zuschauer op Är Site ze liesen. Ähnlech wéi wann d'Zeilen ze wäit wäit vun der Säit bemierkbar sinn, gëtt de normale Fléiss vum Liesen ënnerbrach an d'Lieser hunn dëse Problem mat Ärem Text Är Schwieregkeeten. Dofir wäert Dir de passende Betrag vum Line-Héicht Abstand fir ze benotzen. Dir kënnt och Äert Design mat tatsächleche Benotzer testen fir Feedback iwwert d'Liesbarkeet vun der Säit ze kréien .
Wann net Zeilenhëtz benotze kënnt
Hutt net d'Linnehönn mat der Fëllementer oder Margen duerberen, déi Dir benotzt fir d'Leerzeechen op Är Säit ze entwéckelen, och ënnert der Rubrik oder Paragrafen. Dëse Abstand féiert net weider, dofir ass et net duerch Linnehöch gehandhabt.
Wann Dir Raum ënnert gewësse Textelemente wëllt addieren, géift Dir Margen oder Fëllementer benotzen. Géint zréck op déi virdru CSS Beispiller we used, mir konnten dëst addieren:
Haapt p [Linn-Héicht: 1,5; Margin-Bottom: 24px; }}Dëst hätt nach ëmmer déi 1,5 Zeilenhallgewiicht tëscht Zeilen vun Text fir d'Paragraphe vun eiser Säit (déi am 'main> Element). Déi selwëcht Paragraphen hätten och 24 Pixel vu Leerzeichen ënnert all eenzel vun hinnen, fir datt déi visuell Bremsen, déi d'Lieser erméiglechen, e Punkt vun engem aneren ze identifizéieren an d'Websäit Liesen ze maachen liicht ze maachen. Dir kënnt och d'Fëllungseffekt op Plaz vun de Margen benotzen:
Haapt p [Linn-Héicht: 1,5; padding-bottom: 24px; }}An bal all Fäll ass dat déi selwecht wéi déi virdrun CSS.
Sot Dir datt Dir Elementer déi ënner der Lëscht ze sichen hunn, déi an enger Lëscht mat enger Klass vun "Servicemenu" waren, Dir géift Rendez-vousen benotzen fir dat ze maachen, NET Linn Héicht. Also wier dat passend.
.services-menu li {