Postavke u CSS: prored

U CSS, razmak između redaka je vrlo lako postaviti. U tu svrhu postoji poseban imovine. No, naravno, postoji mnogo drugih parametara, koji su univerzalni i mogu se primijeniti na tekst.

Ako prilagodba je učinjeno, koju su postavili na zadane vrijednosti. možete promijeniti udaljenost želji. Vrijednost može biti bilo postotak ili piksela.

red Visina

CSS razmak između redaka se može demonstrirati na sljedećoj slici.

Na gornjoj su slici prikazani parametri s odgovarajućim udaljenostima. Tekst je u svemiru font-size. Imajte na umu da tekst linija ne počinje u podnožju i malo viša. Prostor u nastavku na pisama koja su donji elementi (g, y, i tako dalje).

Imajte na umu da je prostor između blokova font-size zove vodeći. S HTML-a i CSS-ovo svojstvo ne pojavljuje, ali je u drugim grafičkim i uređivanje teksta. Na primjer, u programu Adobe Photoshop.

Slika iznad pokazuje gdje u „Photoshop”, možete odrediti vodeći. I pored navedeno postavku font-size.

Primjeri korištenja visinu linija

U CSS, razmak između redaka može se postaviti posto. Ilustrativni primjer je dan u nastavku.

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

Udaljenost može biti raznolik i veličina fonta. Ako je razlika između osnovnih parametara će uvelike se razlikuju u broju, razlika je kompenziran povećanjem vodećih.

suptilnosti dizajn

CSS razmak između redaka se može dodatno prilagoditi različite uvlake. Razmotrimo primjer na slici.

U „element” u ovom slučaju će biti tekst. Padding - obloge unutar objekta, a granica - uvlaka objekta. Granični - ovo okvira. To može biti 0 piksela, a može biti i 100.

Sljedeća slika odmah prikazuje sve margine, okvira i visinu retka teksta.

Ako imate mali tekst, sve u jednoj liniji, ili svaki red u zasebnom odlomku, udaljenost može se podesiti između nazubljenih stavaka. To je Maring i padding između redaka u jednoj ćeliji neće imati nikakvog učinka. Oni stvaraju udubljenje samo na rubovima objekta. Objekt - cijeli ovaj odlomak, umjesto linija u njemu. Važno je da ne zbuniti.

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

Kako povećati razmak između redaka CSS

Razmak između redaka HTML-a, možete se registrirati na bilo koju klasu ili za sve stavaka u tekstu. Ako ste odredili ovako: p {line-height: 20px; } - onda apsolutno svi stavci na stranici će biti nizovi 20 piksela. Ako želite na različitim mjestima u različitim veličinama, preporuča se učiniti na sljedeći način.

Mi propisati stilova.

.class1 {linija visina: 20 px; }

.class2 {linija visina: 16px; }

.class3 {linija visina: 12 piksela; }

Za jasnoću, mi dodavanje okvira, tako da možete vidjeti kako to radi. U budućnosti, ona mora biti uklonjena.

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

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 retka. Dakle, važno je kako bi se osiguralo da takvi sukobi nisu bili. Ako radiš malu visinu linija, odnosno, smanjiti font.

Ne preporuča se učiniti premalo teksta i mali razmak između redaka. Budući da nitko od korisnika neće biti u mogućnosti da sve to čitati mirno. Brzo je umorne oči. Tražilice također reći da je tekst razumljiv.

Štoviše, u posljednjih nekoliko godina postoji snažan naglasak na upotrebljivost za mobilne korisnike. Postoje preporuke uvijek su govorili da je veličina fonta treba biti normalan, a ne mali. Posebno snažno utječe na referencu. Sa svojim malim dimenzijama korisnik će biti teško koristiti navigacija.

U tražilicu „Google” je poseban alat koji pomaže u analizi. To je vrlo povoljno za webmastere.

Ovdje je primjer rezultata koji mogu biti.

Preporučljivo je koristiti ove savjete, jer ti kriteriji utječu na rezultate pretraživanja.