تنظیمات در CSS: فاصله بین خطوط

در CSS، فاصله بین خطوط بسیار آسان به راه. برای این منظور یک ویژگی خاص وجود دارد. اما، البته، بسیاری از پارامترهای دیگر، که جهانی است و می تواند به متن اعمال وجود دارد.

اگر هیچ تنظیم انجام شده است، شما را به مقادیر پیش فرض تنظیم شده است. شما می توانید فاصله در صورت دلخواه تغییر دهید. ارزش می تواند به صورت یک درصد و یا پیکسل.

ارتفاع سطر

فاصله بین خطوط CSS را می توان با شکل زیر نشان داده است.

در تصویر بالا نشان می دهد که پارامترهای با فاصله مربوطه. متن در فضا اندازه فونت است. توجه داشته باشید که خط متن در ته و کمی بالاتر شروع می شود. فضای ارائه شده در زیر به نامه ها که عناصر پایین (گرم، y و غیره).

توجه داشته باشید که در فضای بین بلوک های اندازه فونت است به نام پیشرو. با HTML و CSS این ملک به نظر نمی رسد، اما آن را در دیگر ویرایشگرهای گرافیکی و متن است. برای مثال، در نرم افزار Adobe Photoshop.

شکل بالا نشان می دهد که در آن در "فتوشاپ"، شما می توانید مشخص پیشرو. و بعدی مشخص تنظیم اندازه فونت.

نمونه هایی از استفاده از خط ارتفاع

در CSS، فاصله بین خطوط را می توان درصد تعیین شده است. یک مثال زیر آورده شده است.

در مورد ارزش های کوچکی از کاربران از سایت شما ناخوشایند به عنوان خوانده شده خواهد بود.

فاصله می تواند متنوع و اندازه فونت. اگر تفاوت بین پارامترهای اساسی تا حد زیادی در تعداد متفاوت خواهد بود، تفاوت با افزایش پیشرو در جبران می شود.

پیچیدگی های خاص طراحی

فاصله بین خطوط CSS بیشتر می توانید را تو مختلف سفارشی کنید. به عنوان مثال در شکل در نظر بگیرید.

در "عنصر" در این مورد خواهد بود که متن. پارچه کشی - دندانه از جسم - بالشتک حاشیه است در داخل جسم، و. مرز - این قاب. این می تواند 0 پیکسل، و ممکن است 100.

تصویر زیر نشان می دهد فورا تمام حاشیه، قاب و ارتفاع یک خط از متن.

اگر شما یک متن کوچک، همه را در یک خط، و یا هر خط در یک پاراگراف جداگانه، فاصله را می توان بین پاراگراف ها فاصله دار قابل تنظیم است. که MARING و padding بین خطوط در یک سلول تاثیری نخواهد داشت است. آنها دندانه تنها در لبه های شی ایجاد کنید. شی - کل این بند، به جای خطوط در آن است. این مهم است که به اشتباه گرفته.

در مواردی که تعداد زیادی از ردیف ها، که همه آنها در همان جسم واقع، فونت توصیه می شود برای تغییر پارامترهای اساسی است.

چگونه برای افزایش فاصله بین خطوط از CSS

فاصله بین خطوط از HTML، شما می توانید به هر کلاس و یا برای تمام پاراگراف در متن ثبت نام کنید. ص {خط ارتفاع:: اگر دوست دارید این را مشخص ی 20px؛ } - پس از آن کاملا تمام پاراگراف در صفحه خواهد بود رشته از 20 پیکسل. اگر شما در مکان های مختلف در اندازه های مختلف می خواهید، توصیه می شود به انجام شرح زیر است.

ما سبک تجویز کند.

.class1 {خط ارتفاع: 20px تنظیم کنید. }

.class2 {خط ارتفاع: 16px؛ }

.class3 {خط ارتفاع: 12px؛ }

به وضوح، ما اضافه کردن یک قاب، بنابراین شما می توانید ببینید که کار می کند. در آینده، آن را باید حذف شود.

بعد، ما با استفاده از این کلاس ها. نتیجه این است شرح زیر است.

توجه داشته باشید که در مورد سوم، گروه سوار به متن. همه با توجه به این واقعیت است که اندازه فونت بیشتر از ارتفاع خط است. بنابراین، مهم است که به اطمینان حاصل شود که چنین درگیری بود. اگر شما در حال انجام یک ارتفاع خط کوچک، به ترتیب، کاهش فونت.

توصیه می شود به انجام متن بیش از حد کوچک و یک فاصله کوچک بین خطوط. از آنجا که هیچ یک از کاربران قادر نخواهد بود خواندن آن تمام آرامش. او چشم ها به سرعت خسته می شوند. موتورهای جستجو نیز می گویند که متن کاربر پسند است.

علاوه بر این، در سال های اخیر است تاکید قوی بر قابلیت استفاده برای کاربران تلفن همراه وجود دارد. توصیه های وجود دارد همواره گفته اند که اندازه فونت باید طبیعی، کوچک نمی شود. به خصوص به شدت آن را مرجع تاثیر می گذارد. با اندازه کوچک خود کاربر دشوار خواهد بود برای استفاده از سایت ناوبری.

در موتور جستجوی "گوگل" یک ابزار ویژه ای است که در تجزیه و تحلیل کمک می کند. این بسیار مناسب برای وب مسترها است.

در اینجا یک مثال از نتایج که ممکن است است.

توصیه می شود برای استفاده از این راهنمایی به دلیل این معیارها نتایج جستجو تاثیر می گذارد.