Поставки во CSS: проред

Во CSS, растојанието помеѓу линии е многу лесно да се постави. За таа цел постои посебен имот. Но, се разбира, постојат многу други параметри, кои се универзални и може да се применува на текст.

Ако се врши прилагодување, ќе се постави на стандардните вредности. можете да го промените растојанието ако сакате. Вредноста може да биде или процент или пиксели.

Висина на ред

Растојанието на CSS помеѓу линиите може да се докаже од страна на следната слика.

Во сликата погоре покажува параметри со соодветните растојанија. Текстот е во вселената големината на фонтот. Имајте на ум дека линијата за текст не започне во основата и малку повисоки. Просторот се предвидени подолу, за да букви кои имаат дното елементи (g, y, и така натаму).

Имајте на ум дека на просторот помеѓу блоковите font-size се вика води. Со HTML и CSS овој имот не се појави, но тоа е во други графички и текстуални уредници. На пример, во Adobe Photoshop.

На сликата погоре покажува каде во "Фотошоп", можете да наведете води. И следната нагодувањата големината на фонтот.

Примери за користење на линиски висина

Во CSS, растојанието меѓу редови може да се постави проценти. Илустративен пример е даден подолу.

Во случај на мали вредности на корисникот на вашиот сајт ќе биде незгодно да се прочита.

Растојанието може да биде разновидна и големината на фонтот. Ако разликата помеѓу основните параметри ќе се разликува во бројки, разликата се компензира со зголемување на води.

суптилностите на дизајн

Растојанието на CSS помеѓу линиите може дополнително да го прилагодите различните алинеи. Да го разгледаме примерот на сликата.

Во "Елемент", во овој случај ќе биде текстот. Соочи - Соочи е во внатрешноста на објектот, а на маргините - вовлекување на објектот. Граница - оваа рамка. Тоа може да биде 0 пиксели, а може да биде 100.

На следната слика покажува веднаш сите маргини, рамката и висината на една линија на текст.

Ако имате мал текст, сите во една линија, или секоја линија во посебен став, растојанието може да се прилагоди помеѓу вовлечен ставовите. Тоа е maring и баласт меѓу редови во една ќелија нема да имаат ефект. Тие создаваат вовлекување само на рабовите на објектот. Објектно - целиот овој став, наместо на линии во него. Важно е да не се мешаат.

Во случаите каде што голем број на редови, од кои сите се наоѓаат во ист објект, фонтот е препорачливо да се промени на основните параметри.

Како да се зголеми растојанието меѓу редовите на CSS

Растојанието меѓу редовите на HTML, можете да се регистрирате за било која класа или за сите ставови во текстот. Ако наведете вака: p {line-height: 20px; } - тогаш апсолутно сите ставови на оваа страница ќе биде низи од 20 пиксели. Ако сакате на различни места во различни големини, се препорачува да се направи како што следува.

Ние пропишува стилови.

.class1 {линија Висина: 20px; }

.class2 {линија Висина: 16px; }

.class3 {линија Висина: 12px; }

За да биде појасно, ние додадете рамка, така што може да се види дека навистина функционира. Во иднина, тоа мора да се отстранат.

Напред, ние ги користиме овие класи. Резултатот е како што следува.

Имајте на ум дека во третиот случај, бендот се возеше на текстот. Сите се должи на фактот дека големината на фонтот е поголема од висината на редот. Затоа, тоа е важно да се обезбеди дека таквите конфликти не беа. Ако се прави мала висина линија, соодветно, намалување на фонтот.

Тоа не е препорачливо да се направи премалку текст и мала далечина помеѓу линии. Бидејќи ниту еден од корисниците нема да бидат во можност да го прочитате сите смирено. Тој брзо се уморни очи. Пребарување мотори, исто така, велат дека текстот е user-friendly.

Покрај тоа, во последниве години има силен акцент на употребливоста за корисниците на мобилни уреди. Постојат препораки секогаш рече дека големината на фонтот треба да биде нормално, не е мала. Особено силно влијае на референца. Со нивната мала големина на корисникот ќе биде тешко да се користи сајт навигација.

Во пребарувач "Гугл" е посебна алатка која им помага во анализата. Тоа е многу полесно за веб-администратори.

Еве еден пример на резултати, кои може да биде.

Се препорачува да се користат овие совети бидејќи овие критериуми да влијаат на резултатите од пребарувањето.