Agordoj en la CSS: linio Interspacigo

En CSS, la distanco inter linioj estas tre facile agordi. Tiucele ekzistas speciala proprieto. Sed, kompreneble, estas multaj aliaj parametroj, kiuj estas universala kaj povas esti aplikita al la teksto.

Se neniu alĝustigo estas farita, vi estas agordita por defaŭlta valoroj. vi povas ŝanĝi la distancon, se deziras. La valoro povas esti aŭ procenton aŭ rastrumeroj.

vico Alteco

La CSS distanco inter linioj povas esti pruvita de la jenan figuron.

En la supra bildo montras la parametrojn kun la respondaj distancoj. La teksto estas en spaco tiparo-grandeco. Notu ke la teksto linio ne komencas ĉe la bazo kaj iomete pli alta. La spaco provizita sube por literoj kiuj havas fundon elementoj (g, y, kaj tiel plu).

Notu ke la spaco inter la blokoj tiparo-grandeco estas nomita kondukante. Kun HTML kaj CSS ĉi posedaĵo ne aperas, sed estas en la alia grafika kaj eldonistoj de teksto. Ekzemple, en Adobe Photoshop.

La figuro supre montras kie en la "Photoshop", vi povas specifi kondukante. Apud specifita tiparo-grandeco opcio.

Ekzemploj de uzo de linio-alteco

En CSS, la distanco inter la linioj eblas agordi procentoj. Ilustrativo ekzemplo ricevas malsupre.

En la kazo de malgrandaj valoroj de la uzanto de via retejo estos maloportuna por legi.

La distanco povas esti diversa kaj la grandeco de la tiparo. Se la diferenco inter la bazaj parametroj multe diferencus en nombroj, la diferenco estas kompensita de la pliiĝo ĉefaj.

subtilecoj de dezajno

La CSS distanco inter linioj povas plu personecigi diversaj skriptoj. Konsideru la ekzemplon en la figuro.

En la "Elemento" en ĉi tiu kazo estos la tekston. Plenigado - Plenigado estas ene de la objekto, kaj la rando - la deŝovon de la objekto. Limo - ĉi kadro. Ĝi povas esti 0 pikseloj, kaj eble 100.

La sekva bildo montras tuj ĉiuj randoj, la kadro kaj la alto de linio de teksto.

Se vi havas malgrandan tekston, ĉiuj en unu linio, aŭ ĉiu linio en aparta paragrafo, la distanco povas esti adaptitaj inter la dentado alineoj. Jen Maring kaj kompletigo inter la linioj en unu ĉelo ne havos efikon. Ili kreas la deŝovon nur ĉe la randoj de la objekto. Objekto - tiu tuta alineo, anstataŭ linioj en ĝi. Gravas ne atingi konfuzita.

En kazoj kie granda nombro de vicoj, ĉiuj el kiuj estas lokitaj en la sama objekto, la tiparo rekomendas ŝanĝi la bazan parametroj.

Kiel por pliigi la distancon inter la linioj de CSS

La distanco inter la linioj de HTML, vi povas registriĝi al ajna klaso aŭ por ĉiuj alineoj de la teksto. Se vi donas tiel: p {linio-alteco: 20px; } - tiam absolute ĉiuj alineoj de la paĝo estos kordoj de 20 pikseloj. Se vi volas en malsamaj lokoj en malsamaj grandecoj, ĝi rekomendas fari jene.

Ni preskribi stiloj.

.class1 {linio-alteco: 20px; }

.class2 {linio-alteco: 16px; }

.class3 {linio-alteco: 12px; }

Por klareco, ni aldonas kadro, do vi povas vidi, ke ĝi funkcias. En la estonteco, ĝi devas esti forigita.

Sekva, ni uzas ĉi tiujn klasojn. La rezulto estas kiel sekvas.

Notu ke en la tria kazo, la bando veturis al la teksto. Ĉio pro la fakto, ke la tiparon grandeco estas pli granda ol la alteco de la linio. Tial, estas grave certigi ke tiaj konfliktoj ne. Se vi faras malgrandan linion alteco, respektive, redukti la tiparo.

Ĝi ne rekomendas fari tro malmulte teksto kaj malgranda distanco inter linioj. Ekde neniu el la uzantoj ne povos legi ĉion trankvile. Li rapide laca okuloj. Serĉiloj ankaŭ diri, ke la teksto estas uzantamika.

Cetere, dum la lastaj jaroj ekzistas forta emfazo pri uzebleco por porteblaj uzantoj. Ekzistas rekomendoj ĉiam diris ke la tiparon grandeco devus esti normala, ne malgranda. Precipe forte tuŝas la referenco. Kun lia malgranda grandeco la uzanto estos malfacila de uzi retejon navigado.

En la serĉilo "Google" estas speciala ilo kiu helpas en la analizo. Estas tre konvena por webmasters.

Ĉi tie estas ekzemplo de la rezultoj kiuj povus esti.

Oni rekomendas uzi ĉi tiujn konsiletojn ĉar tiuj kriterioj influas la serĉrezultoj.