Retejo-desegnado ĉiam pruntis principojn kaj difinojn de la mondo de grafika kaj presa desegno. Ĉi tio estas precipe vera kiam temas pri TTT-tipografio kaj la maniero, en kiu ni ricevas literformojn en niaj retpaĝoj. Ĉi tiuj paralelaj ne ĉiam estas 1 al 1 tradukoj, sed vi certe povas vidi, kie unu disciplino influis la alian. Ĉi tio estas precipe evidenta kiam vi konsideras la rilaton inter la tradicia tipografio termino "gvidanto" kaj la CSS- posedaĵo konata kiel "linio-alteco".
La celo de gvidado
Kiam homoj uzis permane telefonan metalon aŭ lignajn literojn por krei la tipografion por presita paĝo, maldikaj pecoj de plumbo estis metitaj inter horizontalaj tekstoj por krei interspacon inter tiuj linioj. Se vi volus pli grandan spacon, vi enmetus pli grandajn pecojn da plumbo. Jen kiel la termino "gvidanto" estis stampita. Se vi rigardis la vorton "gvidanta" en libron pri tipografia dezajno kaj principoj, ĝi legus ion al la efekto de - "la distanco inter la bazlinioj de pluaj linioj de tipo".
Gvidanta en Reteja Desegno
En cifereca dezajno, la termino gvidanto ankoraŭ uzas por raporti al la interspaco inter linioj de teksto. Multaj programoj uzas ĉi tiun ĝustan terminon, kvankam la ĉefa kondukado estas evidente ne uzata en tiuj programoj. Ĉi tio estas bonega ekzemplo de novaj formoj de dezajno pruntante ideojn de tradiciaj, kvankam la ĝusta efektivigo de tiu principo ŝanĝis.
Kiam temas pri dezajno retejo, ne ekzistas CSS-proprieto por "gvidado". Anstataŭe, la CSS-posedaĵo, kiu traktos ĉi tiun vidan ekranon de teksto, estas nomata linio-alteco. Se vi volas, ke via teksto havas plian spacon inter horizontalaj tekstoj, vi uzus ĉi tiun proprieton. Ekzemple, diru, ke vi volis pliigi la altecon de la linio por ĉiuj alineoj en la <ĉefa> elemento de via retejo , tiel vi povus fari tiel:
ĉefa p {linio-alteco: 1.5; }Ĉi tio nun estus 1.5 fojoj la normala linio, bazita sur la defaŭlta tipara grandeco de la paĝo (kiu estas kutime 16px).
Kiam Uzi Linion-Alteco
Kiel detala supre, linio-alteco taŭgas uzi por spaci la liniojn de teksto en alineoj aŭ aliaj blokoj de teksto. Se ekzistas tro da spaco inter linioj, la teksto povas esti implikita kaj malfacile legi por spektantoj al via retejo. Simile, se la linioj estas tre malproksimaj sur la paĝo, la normala fluo estos interrompita kaj la legantoj havos problemon kun via teksto. Jen kial vi volas trovi la taŭgan kvanton de linio-alteco interspacigo por uzi. Vi povas ankaŭ provi vian dezajnon kun realaj uzantoj por ricevi iliajn respondojn pri la legibilidad de la paĝo .
Kiam Ne Uzi Linion-Alteco
Ne konfuzas la altecon de la linio kun la kompletigo aŭ randoj, kiujn vi uzus por aldoni spacon al la dezajno de via paĝo, inkluzive sub sube aŭ alineoj. Tiu interspaco ne kondukas, kaj tial ĝi ne estas manipulita per linio-alteco.
Se vi volas aldoni spacon laŭ certaj tekstaj elementoj, vi uzus randojn aŭ kompletigojn. Revenante al la antaŭa ekzemplo de CSS kiun ni uzis, ni povus aldoni ĉi tion:
ĉefa p {linio-alteco: 1.5; rando-fundo: 24px; }Ĉi tio ankoraŭ havus la 1.5-a altecon inter linioj de teksto por la alineo de niaj paĝoj (tiuj en la <ĉefa> elemento). Tiuj samaj alineoj ankaŭ havus 24 pikselojn de spaco de spaco sub ĉiu de ili, permesante la vidajn paŭzojn, kiuj permesas al la legantoj facile identigi unu paragrafo de alia kaj fari pli facile facilan legadon. Vi ankaŭ povus uzi la kompletigon en loko de randoj ĉi tie:
ĉefa p {linio-alteco: 1.5; kompletigo-fundo: 24px; }En preskaŭ ĉiuj kazoj, ĉi tio montrus la saman kiel la antaŭa CSS.
Diru, ke vi volis aldoni interspacon sube listojn, kiuj estis ene de listo kun klaso de "servoj-menuo", vi uzus randojn aŭ kompletigojn por fari ĝin, NE linio de alteco. Do tio taŭgas.
.ervo-menuo li {