Id-disinn tal-web minnufih issellef il-prinċipji u d-definizzjonijiet mid-dinja tad-disinn grafiku u stampat. Dan hu veru speċjalment fir-rigward tat -tipografija tal-web u l-mod li bih inwasslu l-formoli tal-ittri fuq il-paġni web tagħna. Dawn il-paralleli mhux dejjem huma traduzzjoni minn 1 sa 1, imma ċertament tista 'tara fejn dixxiplina waħda influwenzat l-oħra. Dan huwa partikolarment evidenti meta tikkunsidra r-relazzjoni bejn it-terminu tipografiku tradizzjonali "li jwassal" u l-proprjetà CSS magħrufa bħala "għoli tal-linja".
L-Għan tat-tmexxija
Meta n-nies użati biex idejn manwalment idejn tal-metall jew l-injam sabiex joħolqu t-tipografija għal paġna stampata, tqiegħdu biċċiet irqaq taċ-ċomb bejn linji orizzontali ta 'test sabiex joħolqu spazjar bejn dawk il-linji. Jekk riedu spazju akbar, int daħħal biċċiet akbar taċ-ċomb. Dan huwa kif inħoloq it-terminu "ewlieni". Jekk ħares lejn it-terminu "ewlieni" f'kitba dwar it-tipografiku tad-disinn u l-prinċipji, taqra xi ħaġa bl-effett ta '- "id-distanza bejn il-linji bażi ta' linji suċċessivi tat-tip."
L-ewwelnett fil-Web Design
Fid-disinn diġitali, it-terminu ewlieni għadu jintuża biex jirreferi għall-ispazjar bejn il-linji tat-test. Ħafna programmi jużaw dan it-terminu eżatt, għalkemm iċ-ċomb attwali ovvjament mhux qed jintuża f'dawk il-programmi. Dan huwa eżempju kbir ta 'forom ġodda ta' ideat ta 'self tad-disinn minn dawk tradizzjonali, anke jekk l-implimentazzjoni eżatta ta' dak il-prinċipju inbidlet.
Meta niġu għad-disinn tal-web, m'hemm l-ebda proprjetà tas-CSS għal "ewlieni". Minflok, il-proprjetà CSS li timmaniġġa din il-wiri viżwali tat-test tissejjaħ għoli tal-linja. Jekk trid li t-test tiegħek ikollu spazju addizzjonali bejn linji orizzontali ta 'test, inti tuża din il-proprjetà. Per eżempju, ngħidu li riedu jżidu l-għoli tal-linja għall-paragrafi kollha ġewwa l-element
Dan issa jkun ta '1.5 darbiet l-għoli tal-linja normali, ibbażat fuq id-daqs tal-font default tal-paġna (li normalment ikun 16px).
Meta tuża l-Għoli Line
Kif iddettaljat hawn fuq, l-għoli tal-linja huwa xieraq li tuża biex tispara l-linji tat-test f'paragrafi jew blokki oħra ta 'test. Jekk hemm ftit wisq spazju bejn il-linji, it-test jista 'jinħass u diffiċli biex jinqara lit-telespettaturi għas-sit tiegħek. Bl-istess mod, jekk il-linji huma spazjati wisq 'il bogħod minn xulxin fuq il-paġna, il-fluss normali tal-qari jiġi interrott u l-qarrejja jkollhom problemi bit-test tiegħek għal dik ir-raġuni. Dan hu għaliex trid issib l-ammont xieraq ta 'spazjar tal-għoli tal-linja għall-użu. Tista 'wkoll tittestja d-disinn tiegħek bl-utenti attwali biex tikseb ir-reazzjonijiet tagħhom dwar il -leġġibbiltà tal-paġna .
Meta m'għandekx tuża l-għoli tal-linja
M'għandekx tħawwad il-għoli tal-linja bl-ikkuttunar jew il-marġni li tuża biex iżżid l-ispazju vojt għad-disinn tal-paġna tiegħek, inkluż taħt l-intestatura jew il-paragrafi. Dak l-ispazjar ma jwassalx, u għalhekk mhux immaniġġjat bl-għoli tal-linja.
Jekk trid iżżid l-ispazju taħt ċerti elementi ta 'test, tuża marġini jew ikkuttunar. Meta tmur lura għall-eżempju tas-CSS preċedenti użajna, nistgħu nżidu dan:
p prinċipali (għoli tal-linja: 1.5; qiegħ tal-marġni: 24px; } Dan xorta jkollu l-għoli tal-linja 1.5 bejn il-linji tat-test għall-paragrafu tal-paġna tagħna (dawk ġewwa l-element
Fi kważi l-każijiet kollha, dan ikun l-istess bħas-CSS ta 'qabel.
Tgħid li riedet iżżid l-ispazjar taħt l-oġġetti tal-lista li kienu f'lista ma 'klassi ta' "servizzi-menu", inti tuża marġini jew ikkuttunar biex tagħmel hekk, għoli ta 'linja MHUX. Allura dan ikun xieraq.
.services-menu li {