U CSS-u je vrlo lako postaviti razmak između redova. Za to postoji posebna nekretnina. Ali, naravno, postoje mnogi drugi parametri koji su univerzalni i mogu se primijeniti na tekst.
Ako nema podešavanja, postavljaju se podrazumevane vrednosti. Ovu udaljenost možete promijeniti ako želite. Vrijednost može biti postotak ili pikseli.
Visina linija
U CSS-u, razmak između redova se može demonstrirati na sljedećoj slici.
Gornja slika prikazuje parametre sa odgovarajućim udaljenostima. Tekst se postavlja u prostor za veličinu fonta. Imajte na umu da red teksta ne počinje od osnove, već nešto više. Prostor ispod je predviđen za slova koja imaju elemente ispod (g, y itd.).
Imajte na umu da se razmak između blokova veličine fonta naziva vodeći. U HTML i CSS, ovo svojstvo se ne pojavljuje ni na koji način, ali postoji u drugim grafičkim i tekstualnim uređivačima. Na primjer, u Adobe Photoshopu.
Slika iznad pokazuje gdje u Photoshopu možete odrediti vodeći. A pored njega je parametar veličine fonta.
Primjeri korištenja line-height
U CSS-u, razmak između redova se može postaviti kao procenat. Dolje je dat ilustrativan primjer.
U slučaju male vrijednosti, korisniku vaše stranice bit će nezgodno čitati.
Udaljenost se također može promijeniti veličinom fonta. Ako je razlika između glavnih parametara vrlo različita u brojevima, tada će se ta razlika nadoknaditi povećanjem vođenja.
Suptilnosti dizajna
U CSS-u, razmak između redova se može dodatno prilagoditi različitim uvlakama. Pogledajmo primjer na slici.
U polju "Element", u našem slučaju, biće tekst. Padding je dopuna unutar objekta, a margina je padding iza objekta. Granica je granica. Može biti 0 piksela, ili može biti 100.
Sljedeća slika prikazuje sav padding, rub i visinu reda teksta odjednom.
Ako je vaš tekst mali, samo jedan red, ili je svaki red u zasebnom pasusu, tada se razmak može podesiti uvlakama između ovih pasusa. To jest, maring i padding između linija u istom elementu nemaju efekta. Oni samo uvlače ivice objekta. Objekt je cijeli pasus, a ne linije u njemu. Ovdje je važno da se ne zbunite.
U slučajevima kada ima mnogo linija, a sve se to nalazi u jednom objektu, preporučuje se promjena fonta s glavnim parametrima.
Kako povećati razmak između CSS redova
Razmak između HTML redova može se dodijeliti bilo kojoj klasi ili za sve pasuse u tekstu. Ako navedete ovako: p (visina linije: 20px;), onda će apsolutno svi pasusi na stranici biti sa linijama veličine 20 piksela. Ako su vam potrebne različite veličine na različitim mjestima, onda se preporučuje da učinite kako slijedi.
Registriramo stilove.
Class1 (visina linije: 20px;)
Class2 (visina linije: 16px;)
Class3 (visina linije: 12px;)
Radi jasnoće, dodajmo ivicu da vidite da radi. U budućnosti se mora ukloniti.
Imajte na umu da je u trećem slučaju traka prelazila preko teksta. To je zbog činjenice da je veća od visine linije. Stoga je važno osigurati da ne postoje takve kontradikcije. Ako visinu linije učinite malom, smanjite font u skladu s tim.
Nije preporučljivo praviti premali tekst i mali razmak između redova. Pošto nijedan korisnik ne može sve to mirno pročitati. Oči će mu se brzo umoriti. Pretraživači također govore da tekst bude jednostavan za korištenje.
Štaviše, u posljednje vrijeme je veliki naglasak na pogodnostima za mobilne korisnike. Tamo smjernice uvijek kažu da veličina slova treba biti normalna, a ne mala. Ovo se posebno odnosi na veze. S obzirom na njihovu malu veličinu, korisniku će biti teško da se kreće po stranici.
Google ima namjenski alat za pomoć u ovoj analizi. Veoma je prilagođen webmasterima.
Evo primjera rezultata koji bi mogli biti.
Osnove rada sa alatima u grupi Tekst u Photoshopu: kontrolna tabla, postavke, funkcije i mogućnosti.
Na alatnoj traci ispod dugmeta sa slovom "T" nalazi se grupa. Otvaramo na bilo koji način:
- klikom na crni donji desni ugao ikone;
- klikom na ikonu desnim dugmetom miša
Tekst možete aktivirati pritiskom na tipku T (ruski E) na tastaturi. I nije bitno kakav je raspored tastature u ovom trenutku. Dok držite pritisnutu tipku Shift, pritiskom na tipku "T" nekoliko puta će se naizmenično aktivirati sva četiri alata iz ove grupe.
Slika 1. Tekst skupa alata
Ovdje je sve intuitivno.
- Horizontalno - za kreiranje uobičajenog snimanja u horizontalnom položaju.
- Vertikalno - pozicionira naljepnicu od vrha do dna.
- i 4. Kreirajte brze maske sa horizontalnim i vertikalnim odabirom.
Najčešće se koristi horizontalni smjer.
Alatna traka skupa alata Tekst
Kada je alat aktivan, gornja kontrolna ploča izgleda ovako:
Slika 2. Gornja traka sa alatkama Tekst
Photoshop CS6 predstavlja meni Font koji sadrži nekoliko opcija za podešavanja. O tome će biti riječi u drugom članku. Sada pogledajmo postavke gornje kontrolne ploče.
Pažnja! Bolje je postaviti sve postavke gornjeg panela za Text alate u Photoshopu prije kucanja natpisa. Ali kasnije će biti moguće izvršiti izmjene, nakon što ste prethodno odabrali tekst ili njegov dio koji treba promijeniti.
- Iznad broja 1 sl. 2 – čuvanje parametara... Vrlo zgodna funkcija za spremanje postavki (naziv fonta, veličina itd.) ako se povremeno morate vraćati na njih ili prije rasterizacije sloja teksta.
Kliknite na malu strelicu da otvorite prozor. Odabiremo "Novi skup parametara za alat. Otvara se drugi prozor u kojem možete odrediti ime za parametar. Kliknite OK. Urednik pamti postavke.
Slika 3. Čuvanje postavki teksta u Photoshopu
Na listi se pojavljuje nova linija. Radi jasnoće, u prethodnom koraku uveden je naziv "Primjer novog spremanja".
Slika 4. Sačuvani parametri
Sada, da biste na panel stavili sve vrijednosti koje su bile prilikom spremanja, morate kliknuti na ovu liniju.
Da izbrišete liniju, kliknite desnim tasterom miša na nju i izaberite Izbriši.
- Iznad broja 2 sl. 2 - promijeniti orijentaciju teksta... Pritiskom na tipku sa slovom T i strelicama - smjer natpisa se mijenja iz horizontalnog u vertikalni i obrnuto. Ne zaboravite da ovaj sloj teksta mora biti aktivan u paleti slojeva.
- Iznad broja 3 sl. 2 - font... Pritiskom na dugme sa strelicom otvara se cela lista fontova dostupnih na računaru. Možete odabrati onu koju želite sa liste ili je uneti u prozor ručno, a zatim pritisnuti Enter.
- Iznad broja 4 sl. 2 - stil fonta... Dugme sa strelicom otvara listu stilova koje odabrani font podržava. Ako je dugme neaktivno, tada odabrani font podržava samo jedan predloženi stil.
- Iznad dugmeta 5 Slika 2 - veličina slova, on je Kegl. Padajuća lista nudi opcije od 6 do 72 piksela. Bilo koju od vaših vrijednosti možete ručno unijeti u prozor, a zatim pritisnite Enter. Dovoljno je uneti samo brojeve, a urednik će automatski uneti slova "pt".
Veličinu možete odabrati na sljedeći način: pomaknite kursor lijevo od prozora, kada poprimi oblik prsta sa strelicama, držite ga lijevim mišem i povucite udesno da povećate veličinu ili ulijevo da ga smanji. U okviru će se promijeniti digitalna vrijednost. Čim otpustite miš, veličina teksta će se promijeniti.
- Iznad broja 6 na slici 2 - stil fonta... Klikom na ovo dugme otvara se lista stilova koje odabrani font podržava: italic, bold, bold... Ne podržavaju svi fontovi punu listu stilova, tako da može postojati različit broj opcija. Ako je dugme neaktivno, tada odabrani font podržava samo jedan predloženi stil.
- Iznad broja 7 na slici 2 - poravnanje teksta sa jedne strane ili u sredini. Dugmad rade isto kao u Word dokumentu. Postavke se nalaze na panelu Paragraf. Pročitajte o tome u nastavku.
- Iznad broja 8 na sl. 2 - izbor boja... Okvir prikazuje boju koja će biti primijenjena na tekst. Možete ga promijeniti klikom na ovaj prozor i odabirom bilo kojeg drugog u paleti koja se otvori. Ako je tekst već unet, onda ga prvo morate odabrati.
- Iznad broja 9 na sl. 2 - iskrivljavanje teksta... Kliknite na ovo dugme, zatim otvorite stilove i pred nama su razne opcije deformacije. Eksperimentiraj.
Slika 5. Iskriviti tekst
- Iznad slike 10 sl. 2 - otvara/zatvara Simbol panela, paragraf... Više o ovome.
Simbol panela, paragraf
Paneli sa simbolima i paragrafima u Photoshopu otvaraju se dugmetom na gornjoj kontrolnoj tabli ili na desnoj ploči. Ako nisu bili na desnom oknu, usput uključite meni Prozor - odaberite Simbol ili Paragraf. Odgovarajuće ikone se pojavljuju na desnom panelu. Ako su obje odabrane, pojavit će se dvije ikone iz iste grupe, ali kada otvorite bilo koju od njih, u prozoru će biti dvije kartice za jednostavno prebacivanje između ovih panela.
Pažnja! Panel Character, kada radite sa alatkama grupe teksta, ima prednost nad panelom Pasus.
Slika 6. Simbol panela, paragraf
Panel Symbol
Neka podešavanja na ovoj kartici dupliraju funkcije gornjeg kontrolnog panela i već su spomenuta. Nećemo ponavljati. Vrijednosti u njima bit će iste koje ste naveli na gornjoj ploči - font, njegova veličina itd.
Ostalo je prikazano na slici 6 iznad:
- Prored. Određuje razmak između redova.
- Kerning za ispravljanje udaljenosti između dva znaka. Na primjer, od cijelog teksta samo dva znaka treba da se pomaknu bliže ili dalje. Postavljamo kursor između njih, otvaramo listu i biramo željenu opciju ili je unosimo ručno u prozor.
- Razmak između znakova za postavljanje udaljenosti između znakova u tekstu.
- Vertikalna skala za povećanje/smanjenje visine znakova se postavlja u procentima. Broj se unosi u prozor ručno. Ne morate stavljati znak %, Photoshop će ga automatski staviti čim pritisnete Enter.
- Skala horizontalno rasteže/smanjuje šav. Kao i prethodni parametar, unosi se kao procenat.
- Pomak osnovne linije. Pogodna funkcija prilikom unosa matematičkih formula i drugih oznaka sa superskriptom i indeksom. Omogućava vam da podignete / spustite dio reda ili riječi. Prvo, ovaj dio mora biti istaknut. Vrijednost se unosi u prozor ručno. Sljedeći red - pseudoparametri - daje slične mogućnosti.
- Pseudoparametri. Postavke fonta u ovoj liniji su jasno vidljive - podebljano, kurziv, velika slova, itd.
- Ligature, odnosno znakovi koji se dobijaju spajanjem više slova ili znakova, odnosno njihovim kombinovanjem u jedan znak. Vrlo rijetko korišteno. Biće aktivni samo oni koje podržava odabrani font.
- Otvara listu jezika za provjeru pravopisa.
Panel paragrafa
Postavljanje parametara za paragrafe kao što su uvlačenje, retka itd.
Slika 7. Panel paragrafa
U prvom redu, prva tri dugmeta su duplirana sa gornje kontrolne table. O njima smo već govorili. Ostatak dugmadi će vjerovatno biti zasivljen. Sljedeća tri gumba u ovom redu služe za poravnavanje donjeg reda teksta, a posljednje za poravnavanje po cijeloj širini.
Drugi blok ima tri prozora u kojima možete postaviti u pikselima uvlake s desne ili lijeve ivice i uvlačenje prvog reda.
Treći blok sadrži uvlake prije ili poslije pasusa
Sljedeći blok omogućava/isključuje automatsko postavljanje prijenosa linije.
Paleta Simbol(Znak) vam omogućava da postavite takve parametre fonta kao što su razmak između redova, razmak između znakova itd. (Tabela 6.2). Također možete napraviti tekst kurzivom ili podebljanim, pisati velikim slovima tekst ili koristiti indekse. Na paleti Paragraf(Pagraf) sadrži kontrole koje postavljaju parametre pasusa teksta (uvlačenje crvene linije, širina margine, razmak između pasusa itd.). Ove palete se koriste za fino podešavanje teksta. Ispod je opis nekih kontrola koje se nalaze na njima.
Tabela 6.2. Neke od kontrola na panelu Character
| Kontrolni element |
Funkcija |
 |
Postavlja veličinu fonta |
| Određuje razmak između redova |
|
 |
Omogućava vam promjenu udaljenosti između dva susjedna znaka. Da biste promijenili ovaj parametar, potrebno je postaviti kursor između dva znaka i odabrati željenu vrijednost sa liste. Udaljenost između znakova može se smanjiti ili povećati. |
 |
Dizajniran za postavljanje dodatnog razmaka između znakova unutar odabranog područja teksta. Kao i kod razmaka između susjednih znakova, razmak između znakova u grupi može se povećati ili smanjiti. |
| Omogućava vam da prilagodite visinu i širinu znakova |
|
| Koristi se za podešavanje pomaka osnovne linije fonta. Ovo može biti korisno za pisanje indeksa ili velikih slova (velikih slova koja počinju paragraf) |
|
| Prikazuje boju teksta. Omogućava vam da ga promijenite pomoću standardnog dijaloga za odabir boja u Photoshopu |
|
| Dodatno prilagođavanje oblikovanja teksta. Klikom na znakove možete promijeniti stil fonta i dizajn (podvlačenje, indeks, itd.) |
|
 |
Odabir jezika za automatsku provjeru pravopisa. Ova funkcija je prvi put predstavljena u Photoshopu. |
| Odabir načina anti-aliasinga za granice simbola. U većini slučajeva dovoljno je koristiti zadanu vrijednost. |
BILJEŠKA. Udaljenost između dva znaka naziva se kerning (od engleske riječi kerning - međuznakovni razmak). Dodatna udaljenost koja se dodaje između svih znakova odabranog niza naziva se praćenje (od engleske riječi tracking - postavljanje udaljenosti između znakova).
Office paket iz Microsofta je široko rasprostranjen, a njegov DOC format je praktično postao standard za formatiranje tekstualnih dokumenata. Nažalost, većina korisnika završi s ovim procesorom teksta tako što nauči kako promijeniti font i savladati njegovo poravnanje na stranici.
U međuvremenu, u mnogim organizacijama postoje pravila za rad sa tekstualnim dokumentima, koja propisuju određena opcije njihovu registraciju. Oni obično definiraju tip font, koji se podrazumevano koristi i potreban prored u dokumentu.
Promjena međusimbolski razmak takođe pozvan kerning, potrebno je uglavnom da formatiranom tekstu da harmoničniji i estetski dovršen izgled. Njegovo glavno područje primjene je tipografija, ili art layout.
Kako promijeniti i prilagoditi prored
Da biste promijenili prored u Wordu, postoji nekoliko načine:
Posljednja stavka se poziva pritiskom desno dugme miša i omogućava vam da ručno podesite razmak između redova u širokom rasponu vrijednosti.
Vrijednosti razmaka između redova
Prored je razdaljina između hipotetičkih linija koje prolaze kroz sredinu slova u redovima i prema zadanim postavkama jednake veličini fonta. Standardne veličine U Wordu su dostupne vrijednosti 1, 1.15, 1.5, 2 i 3 za ovu udaljenost. 
Padajuća lista, u stavci " Paragraf", Omogućava vam korištenje opcija razmaka između redova osim onih navedenih u tekstu. Pored standardnog kompleta jednostrukih, jednoipo i duplih, ovdje možete pronaći i sljedeće:
Promijenite razmak između slova
Svakom znaku, u bilo kojem fontu, dodijeljen je određeni prostor, ali ovisno o stilu, slova ga mogu ispuniti na različite načine. Za precizno prilagođavanje prostora koji zauzimaju i koriste kerning... U Wordu se može postaviti na tri različita načina. Pored standardnog, dostupan je rijetka i kondenzovano.
Podešavanje se vrši u koracima od 0,1 bod. Ovom parametru se može pristupiti na dva načina:
Da bi tekst dobio estetski dovršen izgled, ponekad je potrebno primijeniti vizualno razdvajanje pasusa. Pritiskom na tipku Enter, koji se obično koristi za ovu operaciju, nema ovaj efekat, jer jednostavno pomera kursor na sledeći red. Enter meni za uređivanje može se uraditi na dva načina: 
- Korišćenje kontekstnog menija “ Paragraf»Poziva se pritiskom na desnu tipku miša;
- Korištenje grupe naredbi " Paragraf"Na" Dom»Riječ.
U oba slučaja otvara se dodatni prozor u kojem se koristi sektor “ Interval»Možete postaviti uvlačenje front i poslije stav. Podešavanja, bez obzira na odabrani tip slova, vrše se u fiksnim koracima od 6 tačaka.
Prored (početni) je razmak između trenutnog reda teksta i reda iznad njega. Svaki znak može imati svoj vlastiti prored; najveća vrijednost će odrediti razmak između redaka za tu liniju.
Rice. 17.20... Izbor razmaka između redova
Rice. 17.21... Paragrafi iste veličine, ali različite prorede
Savjet
Zadani prored je proporcionalan veličini. Njihov odnos je prikazan u dijaloškom okviru Opravdanje(Poravnaj), koji se otvara iz menija palete Paragraf(Stav). Podrazumevano, razmak je 120% veličine. Na primjer, zadani razmak između redova za veličinu od 30 tačaka je 36.
Savjet
Da biste postavili razmak između znakova u tekstu, koji se nalazi okomito, odaberite potrebne znakove i promijenite vrijednost praćenja u paleti karakter(Font). Vidjet ćete da će se tekst nakon toga transformirati.
Stoga, ako postavite različite vrijednosti proreda za redove pasusa, a zatim uredite tekst, mijenjajući njegovu distribuciju po redovima, prored se može promijeniti.
Nije sigurno reći da će tekst koji kreirate biti izvanredan u svakom pogledu, ali korištenje optimalnog razmaka između redova učinit će ga mnogo lakšim za čitanje, čak i ako zauzima puno prostora na stranici. Ne umarajte čitaoca prije nego što pročita sve vaše pametne misli.
Savjet
Gore navedeno o formatiranju teksta odnosi se samo na Photoshop. Ako koristite druge aplikacije, postupak odabira fonta može biti drugačiji. Kada kreirate tekstove za Internet, bolje je obratiti se programu dizajniranom za web dizajn..
- U paleti Slojevi(Slojevi) odaberite željeni sloj.
- Opciono... Odaberite jedan ili više redova u kojima ćete promijeniti razmak između redova. Ako je tekst unet u redak po red, potrebno je selektovati ceo red. Ako ne odaberete redove, doći će do promjena u cijelom tekstu.
- Odaberite ili unesite vrijednost razmaka između redova u paleti karakter(Font) - vidi sl. 17.20, 17.21.
