Postavke u CSS: proreda

U CSS, razmak između linija je vrlo jednostavan za postavljanje. Za tu svrhu postoji poseban imovine. Ali, naravno, postoje i mnogi drugi parametri, koji su univerzalni i mogu se primijeniti na tekst.

Ako se podešavanje vrši, spremni ste na zadane vrijednosti. možete promijeniti udaljenost po želji. Vrijednost može biti bilo postotak ili piksela.

red Visina

CSS razmak između redova može se pokazuje na sljedećoj slici.

U gornjem slika prikazuje parametre sa odgovarajućim udaljenostima. Tekst je u prostoru font-size. Imajte na umu da je tekst linija ne počinje u bazi i nešto veći. Prostor je navedeno u nastavku na pisma koje imaju donji elementi (g, y, i tako dalje).

Imajte na umu da je prostor između blokova veličinu slova naziva se vodi. HTML i CSS ne pojavi ove nekretnine, ali je u drugoj grafički i tekst urednika. Na primjer, u programu Adobe Photoshop.

Gornja slika pokazuje gdje je u "Photoshop", možete odrediti vodeći. I pored navedene postavke font-size.

Primjeri korištenja linije visina

U CSS, udaljenost između redova se može podesiti posto. Ilustrativan primjer dat je u nastavku.

U slučaju malih vrijednosti korisnik vaše stranice će biti nezgodno za čitanje.

Udaljenost može biti raznovrstan i veličinu fonta. Ako je razlika između osnovnih parametara će se uvelike razlikuju po broju, razlika se nadoknaditi povećanjem vodeći.

suptilnosti dizajna

CSS razmak između redova može dodatno prilagoditi razne alineje. Razmotrimo primjer na slici.

U "Element" u ovom slučaju će biti tekst. Padding - padding je unutar objekta, i marže - udubljenje objekta. Granice - ovaj okvir. To može biti 0 piksela, a može biti 100.

Sljedeća slika prikazuje odmah sve margine, okvir i visinu linije teksta.

Ako imate mali tekst, a sve u jednoj liniji, ili svaka linija u posebnom stavu, udaljenost se može podesiti između razvedene st. To je Maring i padding između redova u jednoj ćeliji neće imati nikakvog efekta. Oni stvaraju udubljenje samo na rubovima objekta. Objekt - čitav ovaj stav, a ne linija u njemu. Važno je da se ne zbunjen.

U slučajevima u kojima je veliki broj redova, od kojih svi se nalaze u istom objektu, font se preporučuje za promjenu osnovnih parametara.

Kako povećati udaljenost između linija CSS

Razmak između redova HTML-a, možete registrirati na bilo koju klasu ili za sve paragrafe u tekstu. Ako navedete ovako: p {line-height: 20px; } - onda apsolutno sve paragrafe na stranici će biti nizovi 20 piksela. Ako želite na različitim mjestima u različitim veličinama, preporučljivo je da uradite sledeće.

Mi propisati stilova.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Radi jasnoće, dodamo okvir, tako da možete vidjeti da to radi. U budućnosti, moraju biti uklonjeni.

Dalje, mi koristimo ove klase. Rezultat je na sljedeći način.

Imajte na umu da je u trećem slučaju, bend je vozio na tekst. Sve zbog činjenice da je veličina slova je veća od visine linije. Zbog toga je važno da se osigura da takvi sukobi nisu bili. Ako radite male visine linija, odnosno, smanjite font.

Ne preporučuje se da to premalo teksta i mali razmak između redova. Pošto niko od korisnika neće biti u stanju da sve to čitati mirno. Brzo je umorne oči. Tražilice i reći da je tekst razumljiv.

Osim toga, u posljednjih nekoliko godina došlo je snažan naglasak na upotrebljivost za mobilne korisnike. Postoje preporuke su uvijek rekli da veličinu slova bi trebalo da bude normalno, nije mala. Posebno snažno utiče reference. Sa svojim malim dimenzijama korisnik će biti teško koristiti stranice navigaciju.

U pretraživač "Google" je specijalni alat koji pomaže u analizi. To je vrlo povoljno za webmastere.

Ovdje je primjer rezultata koji mogu biti.

Preporučuje se da se korištenje ove savjete jer ti kriteriji utječu na rezultate pretrage.