CSS Settings: line spacing

CSS, xətləri arasında məsafə müəyyən etmək çox asandır. Bu məqsədlə xüsusi mülkiyyət var. Lakin, əlbəttə, universal və mətn tətbiq oluna bilər bir çox digər parametrləri var.

heç bir düzəliş edilir, siz default dəyərlər müəyyən edilir. İstənilən halda siz məsafə dəyişə bilərsiniz. dəyəri faiz və ya piksel ola bilər.

sıra Boy

xətləri arasında CSS məsafə Aşağıdakı rəqəmi ilə nümayiş oluna bilər.

Yuxarıdakı şəkil olaraq müvafiq məsafələr parametrləri göstərir. mətn kosmik font ölçüsü edir. mətn line bazası və qədər yüksək-da başlayacaq deyil ki, unutmayın. alt elementləri (g, y, və s.) var məktubları aşağıdakı kosmik.

blokları font ölçüsü arasında kosmik aparıcı adlı unutmayın. HTML və CSS ilə bu əmlak görünmür, lakin digər qrafik və mətn redaktorları var. Məsələn, Adobe Photoshop.

"Photoshop", siz aparıcı belirtebilirsiniz göstərir yuxarıda rəqəm. Və növbəti font-size qəbulu ifadə edildi.

line-height istifadə nümunələri

CSS, xətləri arasında məsafə yüzdə müəyyən edilə bilər. An illüstrativ misal aşağıda verilir.

Sizin saytın istifadəçi kiçik dəyərləri halda oxumaq üçün əlverişsiz olacaq.

məsafə müxtəlif və font ölçüsü ola bilər. əsas parametrləri arasındakı fərq ədəd çox fərqli olarsa, fərq artım aparıcı ilə kompensasiya olunur.

dizayn incəliklərini

xətləri arasında CSS məsafə daha müxtəlif indents edə bilərsiniz. rəqəm nümunəsinə nəzər salaq.

Bu halda "Element" mətn olacaq. Padding - obyektin abzas - padding margin obyekt daxili və. Border - bu çərçivə. Bu 0 pixels ola bilər, və 100 ola bilər.

Aşağıdakı image dərhal bütün qaydalarından, çərçivəsində və mətn bir xətt boyu göstərir.

Siz bütün bir xətt kiçik mətn, və ya ayrı-ayrı bənddə hər xətti varsa, məsafə indented ci maddələrdə arasında düzəlişlər edilə bilər. Bu heç bir təsiri olacaq bir hüceyrə xətləri arasında Maring və padding edir. Onlar yalnız obyekt kənarlarında abzas yaradır. Obyekt - bütün bu paraqraf əvəzinə bu xətləri. Bu səhv almaq üçün vacibdir.

hallarda eyni obyekt yerləşir olan bütün satır, çox sayda, font əsas parametrləri dəyişdirmək üçün tövsiyə olunur.

CSS xətləri arasında məsafə artırmaq üçün necə

HTML xətləri arasında məsafə, hər hansı bir sinif və ya mətn bütün ci maddələrdə üçün üzv ola bilərsiniz. p {line hündürlüyü: Bu kimi qeyd edin 20px; } - sonra tamamilə səhifədəki bütün ci maddələrdə 20 piksel strings olacaq. Siz müxtəlif ölçülü müxtəlif yerlərdə istəyirsinizsə, aşağıdakı etmək tövsiyə olunur.

Biz üslub müəyyən.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Siz bu işləri görə bilərsiniz, belə ki, aydınlıq üçün, biz, bir çərçivə əlavə edin. Gələcəkdə xaric edilməlidir.

Sonra, biz bu dərsləri istifadə edin. Aşağıdakı kimi nəticəsidir.

üçüncü halda, band mətn sürdü unutmayın. Bütün ötəri ki, font ölçüsü xəttinin hündürlüyü daha böyükdür. Buna görə də, bu cür münaqişələr deyil ki, təmin etmək üçün vacibdir. Bir kiçik xətt boyu edirik, müvafiq olaraq, font azaldır.

Bu çox az mətn və xətləri arasında kiçik məsafə etmək məsləhət görülmür. istifadəçilər heç biri sakit bütün oxumaq mümkün deyil, çünki. O, tez yorğun gözləri. Axtarış motorları həmçinin mətn istifadəçi dostu olduğunu deyirlər.

Bundan əlavə, son illərdə mobil istifadəçilər üçün Kullanışlılık güclü diqqət var. There tövsiyələr həmişə font ölçüsü normal deyil, kiçik olmalıdır ki, edib. Xüsusilə şiddətlə istinad təsir göstərir. Onların kiçik ölçüsü ilə istifadəçi site naviqasiya istifadə etmək çətin olacaq.

axtarış mühərriki "Google" analiz kömək edir xüsusi bir vasitədir. Bu webmasters üçün çox rahatdır.

Burada ola bilər nəticələrinin bir nümunəsidir.

Bu meyarlar search results təsir çünki bu ipuçlarını istifadə etmək tövsiyə olunur.