Este foarte ușor să setați spația dintre linii în CSS. Există o proprietate specială pentru aceasta. Dar, desigur, există multe alte opțiuni care sunt universale și pot fi aplicate textului.
Dacă nu sunt efectuate setări, valorile implicite sunt setate. Puteți modifica această distanță dacă doriți. Valoarea poate fi fie în procente, fie în pixeli.
Inaltimea liniei
În CSS, distanța dintre linii poate fi afișată cu următoarea figură.
Imaginea de mai sus prezintă parametrii cu distanțele corespunzătoare. Textul este în spațiu de dimensiunea fontului. Rețineți că linia de text nu începe de la bază, ci puțin mai sus. Spațiul de mai jos este oferit pentru literele care au elemente dedesubt (g, y și așa mai departe).
Rețineți că spațiul dintre blocurile de dimensiunea fontului se numește lider. În HTML și CSS, această proprietate nu apare în niciun fel, dar este în alte editoare grafice și de text. De exemplu, în Adobe Photoshop.
Figura de mai sus arată unde în Photoshop puteți specifica direcțiile. Și lângă el este parametrul font-size.
Exemple de utilizare a înălțimii liniei
În CSS, distanța dintre rânduri poate fi setată la procente. Un exemplu ilustrativ este prezentat mai jos.
În cazul unei valori mici, va fi incomod pentru utilizatorul site-ului dvs. să o citească.
Distanța și dimensiunea fontului pot fi modificate. Dacă diferența dintre parametrii principali diferă foarte mult ca număr, atunci această diferență este compensată de o creștere a conducerii.
Subtilități de design
În CSS, distanța dintre linii poate fi ajustată în continuare cu diferite indentări. Luați în considerare un exemplu din figură.
În câmpul „Element” în cazul nostru va fi text. Umplutura este umplutura din interiorul obiectului, iar marginea este umplutura din spatele obiectului. Bordura este un cadru. Poate fi 0 pixeli sau poate fi 100.
Următoarea imagine arată toată umplutura, chenarul și înălțimea liniei de text simultan.
Dacă textul dvs. este mic, doar o linie sau fiecare linie este într-un paragraf separat, atunci distanța poate fi ajustată prin indentarea dintre aceste paragrafe. Adică, maringul și umplutura între liniile din același element nu au niciun efect. Ele creează doar căptușeală în jurul marginilor obiectului. Obiectul este întregul paragraf, nu rândurile din el. Este important să nu vă confundați aici.
În cazurile în care există multe linii și toate acestea sunt situate într-un singur obiect, se recomandă schimbarea fontului cu parametrii principali.
Cum să măriți distanța dintre liniile CSS
Distanța dintre liniile HTML poate fi atribuită unei clase sau pentru toate paragrafele din text. Dacă specificați astfel: p ( line-height:20px; ), atunci absolut toate paragrafele de pe pagină vor avea linii de 20 de pixeli. Dacă aveți nevoie de dimensiuni diferite în locuri diferite, se recomandă să procedați după cum urmează.
Scriem stiluri.
Clasa 1 (înălțimea liniei: 20px; )
Clasa 2 (înălțimea liniei: 16 pixeli; )
Clasa 3 (înălțimea liniei: 12px; )
Pentru claritate, să adăugăm un cadru, astfel încât să puteți vedea că funcționează. Pe viitor, trebuie eliminat.
Vă rugăm să rețineți că, în al treilea caz, banda a trecut peste text. Totul datorită faptului că este mai mare decât înălțimea liniei. Prin urmare, este important să ne asigurăm că nu există astfel de contradicții. Dacă micșorați înălțimea liniei, reduceți fontul corespunzător.
Nu se recomandă ca textul să fie prea mic și spații mici între linii. Deoarece niciun utilizator nu poate citi în siguranță toate acestea. Ochii lui vor obosi repede. Motoarele de căutare spun, de asemenea, că textul ar trebui să fie ușor de utilizat.
Mai mult decât atât, recent s-a pus un mare accent pe comoditate pentru utilizatorii de telefonie mobilă. Acolo, ghidurile spun întotdeauna că dimensiunea fontului ar trebui să fie normală, nu mică. Acest lucru este valabil mai ales pentru link-uri. Cu dimensiunile lor mici, utilizatorului va fi dificil să folosească navigarea pe site.
Motorul de căutare Google are un instrument special care ajută la această analiză. Este foarte util pentru webmasteri.
Iată un exemplu de rezultate care ar putea fi.
Elementele de bază ale lucrului cu instrumentele grupului Text în Photoshop: panoul de control, setări, funcții și capabilități.
Există un grup pe bara de instrumente sub butonul cu litera „T”. Îl deschidem în orice fel:
- făcând clic pe colțul negru din dreapta jos al pictogramei;
- făcând clic pe pictogramă cu butonul drept al mouse-ului
Puteți activa Textul apăsând tasta T (E rusă) de pe tastatură. Și nu contează care este aspectul tastaturii în acest moment. În timp ce țineți apăsată tasta Shift, apăsând tasta „T” de mai multe ori va activa alternativ toate cele patru instrumente ale acestui grup.
Fig.1. Grup de instrumente de text
Totul este intuitiv aici.
- Orizontală - pentru a crea o înregistrare familiară într-o poziție orizontală.
- Verticală - Poziționează eticheta de sus în jos.
- și 4. Creați măști rapide cu selecție orizontală și verticală.
Cel mai adesea, se folosește direcția orizontală.
Textul panoului de control al barei de instrumente
Când instrumentul este activ, panoul de control superior arată astfel:
Fig.2. Bara de instrumente de control superior Text
Photoshop CS6 a introdus meniul Font, care conține mai multe opțiuni pentru setări. Asta va fi într-un alt articol. Acum să ne uităm la setările panoului de control superior.
Atenţie! Este mai bine să setați toate setările panoului superior pentru instrumentele Text în Photoshop înainte de a tasta inscripția. Dar va fi posibil să faceți modificări mai târziu, selectând mai întâi textul sau o parte a acestuia care trebuie schimbată.
- Deasupra numărului 1 Fig.2 – salvarea parametrilor. O caracteristică foarte utilă pentru a salva setările (numele fontului, dimensiunea etc.) dacă trebuie să reveniți la ele periodic sau înainte de a rasteriza stratul de text.
Faceți clic pe săgeata mică pentru a deschide fereastra. Selectați „Set nou de opțiuni pentru instrument. Se deschide o a doua fereastră în care puteți specifica un nume pentru parametru. Apăsăm OK. Editorul își amintește setările.
Fig.3. Salvarea opțiunilor de text în Photoshop
O nouă linie apare în listă. Pentru claritate, în pasul anterior, a fost introdus numele „Exemplu de salvare nouă”.
Fig.4. Setări salvate
Acum, pentru a seta pe panou toate valorile care au fost la salvare, trebuie să faceți clic pe această linie.
Pentru a șterge o linie, faceți clic dreapta pe ea și selectați ștergere.
- Deasupra numărului 2 Fig. 2 - schimba orientarea textului. Apăsând butonul cu litera T și săgeți - direcția inscripției se schimbă de la orizontal la vertical și invers. Nu uitați că acest strat de text trebuie să fie activ în paleta de straturi.
- Deasupra numărului 3 Fig. 2 - tipografie. Făcând clic pe butonul cu o săgeată, se deschide întreaga listă de fonturi disponibile pe computer. Puteți selecta pe cel dorit din listă sau îl puteți introduce manual în casetă, apoi apăsați Enter.
- Deasupra numărului 4 Fig. 2 - stilul fontului. Butonul săgeată deschide o listă de stiluri acceptate de fontul selectat. Dacă butonul este dezactivat, fontul selectat acceptă doar un stil sugerat.
- Deasupra butonului 5 Fig. 2 - marimea fontului aka Kegl. Lista derulantă oferă opțiuni de la 6 la 72 de pixeli. Orice valoare poate fi introdusă manual în casetă, apoi apăsați Enter. Este suficient să introduceți doar cifre, iar editorul va pune automat literele „pt”.
Puteți selecta dimensiunea după cum urmează: mutați cursorul la stânga ferestrei când ia forma unui deget cu săgeți, țineți apăsat cu mouse-ul stâng și trageți spre dreapta pentru a crește dimensiunea sau spre stânga pentru a o micșora . În fereastră, valoarea numerică se va modifica. De îndată ce eliberați mouse-ul, dimensiunea textului se va schimba.
- Deasupra numărului 6 Fig. 2 - stilul fontului. Făcând clic pe acest buton, se deschide o listă de stiluri acceptate de fontul selectat: italic, bold, bold... Nu toate fonturile acceptă o listă completă de stiluri, așa că poate exista un număr diferit de opțiuni. Dacă butonul nu este activ, fontul selectat acceptă doar un stil sugerat.
- Deasupra numărului 7 Fig. 2 - alinierea textului pe o parte sau în centru. Butoanele funcționează la fel ca într-un document Word. Setările sunt în panoul Paragraf. Citiți mai jos despre asta.
- Deasupra numărului 8 Fig. 2 - selecția culorilor. Caseta arată culoarea care va fi aplicată textului. O puteți schimba făcând clic pe această casetă și selectați oricare alta din paleta care se deschide. Dacă textul este deja introdus, atunci trebuie mai întâi selectat.
- Deasupra numărului 9 Fig. 2 - deformarea textului. Faceți clic pe acest buton, apoi deschideți stilurile și în fața noastră sunt diverse opțiuni de deformare. Experiment.
Fig.5. Deformarea textului
- Deasupra numărului 10 Fig. 2 - se deschide / se închide panouri Caracter, Paragraf. Mai multe despre asta.
Panouri Caracter, Paragraf
Deschideți panourile Caracter și Paragraf în Photoshop cu un buton din panoul de control de sus sau din panoul din dreapta. Dacă nu se aflau în panoul din dreapta, activați calea meniului Fereastră - selectați Simbol sau Paragraf. Pictogramele corespunzătoare apar în panoul din dreapta. Dacă sunt selectate ambele, vor apărea două pictograme din același grup, dar când deschideți oricare dintre ele, vor exista două file în fereastră pentru comutarea ușoară între aceste panouri.
Atenţie! Panoul Caracter, atunci când lucrați cu instrumente din grupul Text, are prioritate față de panoul Paragraf.
Fig.6. Panouri Caracter, Paragraf
Simbol panou
Unele dintre setările din această filă dublează funcțiile panoului de control superior și au fost deja discutate. Nu vom repeta. Valorile din acestea vor fi setate la aceleași pe care le-ați setat în panoul de sus - fontul, dimensiunea acestuia etc.
Restul sunt indicate în Figura 6 de mai sus:
- Spațiere între linii. Specifică distanța dintre linii.
- Kerning pentru a corecta spațierea dintre două caractere. De exemplu, din întregul text, doar două caractere trebuie mutate mai aproape sau mai departe unul de celălalt. Punem cursorul între ele, deschidem lista și selectăm opțiunea dorită sau o introducem manual în casetă.
- Spațiere între caractere pentru a seta distanța dintre caracterele textului.
- Scara verticală pentru creșterea/scăderea înălțimii caracterelor este setată ca procent. Numărul este introdus manual în casetă. Semnul % poate fi omis, Photoshop îl va pune automat de îndată ce apăsați Enter.
- Scala orizontal extinde/comprimă linia. Precum și parametrul anterior este introdus ca procent.
- Compensarea liniei de bază. O caracteristică utilă atunci când introduceți formule matematice și alte notații cu superindex și subindex. Vă permite să ridicați / să coborâți o parte a unei linii sau a unui cuvânt. Această parte trebuie evidențiată mai întâi. Valoarea este introdusă manual în casetă. Posibilități similare sunt date de următoarea linie - pseudo-parametri.
- Pseudo parametri. Setările fontului din această linie sunt clar vizibile - aldine, cursive, text cu majuscule etc.
- Ligaturi, adică caractere care se obțin prin îmbinarea mai multor litere sau caractere, adică combinarea lor într-un singur caracter. Folosit foarte rar. Doar cele acceptate de fontul selectat vor fi active.
- Deschide lista de limbi pentru verificarea ortografică.
Panoul de paragraf
Setați opțiunile de paragraf, cum ar fi indentarea, separarea în silabe etc.
Fig.7. Panoul de paragraf
În prima linie, primele trei butoane sunt duplicate din panoul de control superior. Ele au fost deja menționate. Restul butoanelor vor fi cel mai probabil inactive. Următoarele trei butoane ale acestei linii sunt pentru alinierea liniei de jos a textului, iar ultimul este pentru alinierea pe toată lățimea.
În cel de-al doilea bloc, există trei ferestre în care puteți seta indentările de la marginile din dreapta sau din stânga și indentarea primei linii în pixeli.
În al treilea bloc, liniuțele sunt indicate înainte sau după paragraf
În blocul următor, plasarea automată a întreruperilor de linie este activată/dezactivată.
Paletă Simbol(Caractere) vă permite să setați parametri de font cum ar fi spațierea între linii, spațierea caracterelor etc. (Tabelul 6.2). De asemenea, puteți face textul în cursiv sau aldine, cu majuscule sau indexați textul. Pe paletă Paragraf(Paragraf) există controale care stabilesc parametrii paragrafelor din text (liniuță roșie, lățimea marginii, spațierea dintre paragrafe etc.). Aceste palete sunt folosite pentru a ajusta textul. Mai jos este o descriere a unor comenzi situate pe acestea.
Tabelul 6.2. Unele comenzi din panoul Personaj
| Element de control |
Funcţie |
 |
Setează dimensiunea fontului |
| Specifică distanța dintre linii |
|
 |
Vă permite să modificați distanța dintre două caractere adiacente. Pentru a modifica acest parametru, trebuie să plasați cursorul între două caractere și să selectați din listă valoarea dorită. Distanța dintre personaje poate fi atât redusă, cât și mărită |
 |
Proiectat pentru a seta o spațiere suplimentară între caractere în zona de text selectată. Ca și în cazul distanței dintre caracterele adiacente, distanța dintre caracterele dintr-un grup poate fi mărită sau micșorată |
| Vă permite să reglați înălțimea și lățimea caracterelor |
|
| Folosit pentru a ajusta deplasarea liniei de bază a fontului. Acest lucru poate fi util pentru a scrie indexuri sau majuscule (litere supradimensionate care încep un paragraf) |
|
| Afișează culoarea textului. Vă permite să-l schimbați utilizând dialogul standard de selecție a culorilor Photoshop |
|
| Personalizare suplimentară a formatării textului. Făcând clic pe caractere, puteți schimba stilul și designul fontului (subliniere, inscripții etc.) |
|
 |
Selectarea limbii pentru verificarea ortografică automată. Această caracteristică a fost introdusă pentru prima dată în Photoshop |
| Selectarea modului pentru netezirea marginilor caracterelor. În cele mai multe cazuri, este suficient să folosiți valoarea implicită |
NOTĂ. Distanța dintre două caractere se numește kerning (din cuvântul englezesc kerning - spațiere între caractere). Distanța suplimentară adăugată între toate caracterele secvenței selectate se numește urmărire (din limba engleză urmărire - setarea distanțelor între caractere).
Suita de birou Microsoft este utilizată pe scară largă, iar formatul său DOC a devenit practic standardul pentru documentele text. Din păcate, majoritatea utilizatorilor își încheie cunoștințele cu acest procesor de text învățând cum să schimbe familia de fonturi și stăpânind alinierea acesteia pe pagină.
Între timp, în multe organizații există reguli pentru lucrul cu documente text, care prescriu anumite parametrii proiectarea lor. Ele definesc de obicei tipul font Distanța dintre rânduri implicită și necesară în document.
Schimbare distanta intre caractere numit si kerning, este necesar în principal pentru a da textului formatat un aspect mai armonios și mai finisat din punct de vedere estetic. Domeniul său principal de aplicare este tipografie, sau layout artistic.
Cum se modifică și se reglează interlinierea
Există mai multe moduri de a modifica spația dintre linii în Word. moduri:
Ultimul element este apelat făcând clic butonul dreapta al mouse-uluiși vă permite să reglați manual distanța dintre linii într-o gamă largă de valori.
Valori de spațiere între linii
Spația dintre linii este distanţăîntre liniile ipotetice care trec prin mijlocul literelor în linii și implicit este egală cu dimensiunea fontului. Dimensiuni standard, disponibile în Word, sunt valorile 1, 1.15, 1.5, 2 și 3 ale acestei distanțe. 
Lista derulantă, în paragraful „ Paragraf”, vă permite să aplicați opțiuni de spațiere între rânduri în text care sunt diferite de cele specificate. Pe lângă setul standard de single, unu și jumătate și dublu, puteți găsi și următoarele aici:
Schimbarea spațierii dintre litere
Fiecărui caracter, în orice font, i se alocă un anumit spațiu, dar, în funcție de stil, literele îl pot umple în moduri diferite. Pentru a regla fin spațiul pe care îl ocupă și îl utilizează kerning. În Word, poate fi setat în trei moduri diferite. Pe lângă standard, disponibil rarȘi compactat.
Ajustarea se efectuează în trepte de 0,1 puncte. Acest parametru poate fi accesat în două moduri:
Pentru a da textului un aspect estetic finisat, uneori este necesar să se aplice o separare vizuală între paragrafe. Apăsarea tastei introduce, care este utilizat în mod normal pentru această operație, nu are un astfel de efect, deoarece pur și simplu avansează cursorul la următoarea linie. introduce meniul de editare se poate face în două moduri: 
- Folosind meniul contextual Paragraf»cauzat prin apăsarea butonului drept al mouse-ului;
- Folosind grupul de comenzi " Paragraf» fila « Acasă"Cuvânt.
În ambele cazuri, se deschide o fereastră suplimentară, în care, folosind sectorul " Interval» puteți seta indentarea fațăȘi după paragraf. Ajustarea, indiferent de tipul de caractere selectat, se efectuează în trepte fixe de 6 puncte.
Spațierea între rânduri (interlină) este distanța dintre linia curentă de text și linia de deasupra acesteia. Fiecare caracter poate avea propriul său spațiere între rânduri; cea mai mare valoare va determina distanța dintre linii pentru linia dată.
Orez. 17.20. Selectarea spațierii liniilor
Orez. 17.21. Paragrafe cu aceeași dimensiune, dar spațiere între rânduri diferită
Sfat
Spațierea implicită între rânduri este calculată proporțional cu dimensiunea fontului. Relația lor este indicată în caseta de dialog. Justificare(Aliniere), care este accesat folosind meniul paletei paragraf(Paragraf). Spațierea implicită este de 120% din dimensiunea punctelor. De exemplu, distanța dintre linii pentru o dimensiune de 30 de puncte este 36 în mod implicit..
Sfat
Pentru a seta spațierea între caractere în textul care este situat vertical, selectați caracterele dorite și modificați valoarea de urmărire în paletă caracter(Font). Veți vedea că textul se va schimba după aceea..
Prin urmare, dacă setați valori diferite de spațiere între rânduri pentru liniile unui paragraf și apoi editați textul pentru a-și schimba spația dintre rânduri, distanța dintre rânduri se poate modifica.
Este imposibil să spui că textul pe care îl creezi va fi remarcabil din toate punctele de vedere, dar folosirea spațierii optime între rânduri va face mult mai ușor de citit, chiar dacă ocupă mult spațiu pe pagină. Nu plictisiți cititorul înainte de a vă citi toate gândurile inteligente.
Sfat
Formatarea textului de mai sus se aplică numai pentru Photoshop. Dacă utilizați alte aplicații, procedura de alegere a unui font poate fi diferită. Când creați texte pentru Internet, este mai bine să apelați la un program conceput pentru Web design..
- În paletă Straturi(Straturi) selectați stratul dorit.
- Opțional. Selectați una sau mai multe linii în care veți modifica distanța dintre linii. Dacă textul a fost introdus în modul rând cu linie, atunci trebuie selectată întreaga linie. Dacă nu selectați linii, atunci modificările vor avea loc în întregul text.
- Selectați sau introduceți o valoare de spațiere între linii în paletă caracter(Font) - vezi fig. 17.20, 17.21.
