Webdesign har altid lånt hovedpersoner og definitioner fra grafisk og printdesign. Dette gælder især når det gælder webtypografi og måden, hvorpå vi får brevformularer på vores websider. Disse paralleller er ikke altid 1 til 1 oversættelser, men du kan helt sikkert se, hvor en disciplin har påvirket den anden. Dette er især tydeligt, når du overvejer forholdet mellem den traditionelle typografi termen "ledende" og CSS egenskaben kendt som "line-height".
Formålet med at lede
Når folk plejede at manuelt hente metal- eller træbogstaver for at oprette typografi for en trykt side, blev der anbragt tynde blybånd mellem horisontale tekstlinjer for at skabe afstand mellem disse linjer. Hvis du ville have et større rum, ville du indsætte større stykker bly. Sådan blev udtrykket "ledende" udtænkt. Hvis du kiggede på begrebet "ledende" i en bog om typografisk design og principper, ville det læse noget som følge af - "afstanden mellem basislinjerne for successive linjer af typen".
Ledende i Web Design
I digitalt design bruges udtrykket ledende stadig til at henvise til afstanden mellem tekstlinjer. Mange programmer bruger dette nøjagtige udtryk, selv om det egentlige led ikke er brugt i disse programmer. Dette er et godt eksempel på nye former for designoptagelsesideer fra traditionelle, selv om den nøjagtige gennemførelse af dette princip er ændret.
Når det kommer til webdesign, er der ingen CSS-egenskab for "ledende". CSS-egenskaben, der ville håndtere denne visuelle tekstvisning, kaldes i stedet linjens højde. Hvis du vil have din tekst til at have ekstra mellemrum mellem vandrette tekstlinjer, vil du bruge denne egenskab. For eksempel, sig du ønskede at øge linjens højde for alle afsnit indenfor main p { linjens højde: 1,5;}
Dette ville nu være 1,5 gange den normale linjens højde, baseret på standard skrifttypestørrelse på siden (som normalt er 16px). Som beskrevet ovenfor er linjens højde passende til at placere tekstlinjerne i afsnit eller andre tekstblokke. Hvis der er for lille plads mellem linjer, kan teksten blive jumbled og vanskelig at læse for seerne på dit websted. På samme måde, hvis linjerne er placeret for langt fra hinanden på siden, afbrydes den normale læsestrøm, og læsere vil have problemer med din tekst af den grund. Det er derfor, du vil finde den passende mængde linjehøjdeafstand, der skal bruges. Du kan også teste dit design med faktiske brugere for at få deres feedback om læsbarheden af siden. Forveksl ikke linjens højde med de polstring eller margener, du vil bruge til at tilføje hvidrum til din sides design, herunder under overskrift eller afsnit. Denne afstand er ikke ledende, og derfor håndteres den ikke af liniehøjde. Hvis du vil tilføje plads under bestemte tekstelementer, vil du bruge marginer eller polstring. Når vi går tilbage til det tidligere CSS-eksempel, vi brugte, kunne vi tilføje følgende: main p { linjens højde: 1,5; margin-bund: 24px;}
Dette ville stadig have 1,5 linjens højde mellem linjer med tekst til vores side's afsnit (dem inde i main p { linjens højde: 1,5; polstring-bund: 24px;} I næsten alle tilfælde vil dette vise det samme som det foregående CSS. Sig, at du ønskede at tilføje mellemrum under listen elementer, der var inde i en liste med en klasse af "services-menu", du ville bruge marginer eller polstring til at gøre det, IKKE linjens højde. Så det ville være passende. . services-menu li {< polstring-bund: 30px;} Du ville kun bruge linjens højde her, hvis du ønskede at indstille afstanden mellem teksten inde i listematerialerne selv, forudsat at de havde lange tekstløb, der kunne løbe til flere linjer for hvert punktpunkt. Hvornår skal du bruge linjehøjde
Når man ikke skal bruge linjehøjde
