Veb-dizayn har doim grafik va bosma dizayn dunyosidan printsipiallar va ta'riflarni oldi. Bu, ayniqsa, veb-tipografiya va veb-sahifalarimizda xat shaklini olish usuli bilan bog'liq. Bu o'xshashliklar har doim ham 1 dan 1 tildagi tarjimada emas, biroq ikkinchisiga qanday ta'sir qilganini aniq bilib olishingiz mumkin. Bu, xususan, "etakchi" an'anaviy tipografiya atamasi va "chiziq balandligi" deb nomlanuvchi CSS- mulk o'rtasidagi munosabatni ko'rib chiqayotganda aniq ko'rinadi.
Rahbariyatning maqsadi
Odamlar bosma nashr uchun tipografiyani yaratish uchun metall yoki yog'och harflarni qo'lda qo'llaganlarida, bu qatorlar orasidagi bo'shliqni yaratish uchun gorizontal chiziqlar orasiga ingichka o'qlar joylashtirildi. Agar siz ko'proq joy talab qilsangiz, siz ko'proq o'q olib kirasiz. "Etakchi" atamasi shu tarzda yaratilgan. Agar siz tipografiya dizayni va printsiplari haqida kitobning "etakchi" atamasini ko'rib chiqsangiz, u "ketma-ketlikdagi ketma-ket chiziqlar orasidagi masofa" ta'sirini o'qidi.
Veb-dizayn bo'yicha etakchi
Raqamli dizaynda yetakchi terim matnlar orasidagi intervalgacha murojaat qilish uchun ishlatiladi. Ko'pgina dasturlarda ushbu aniq atama ishlatilgan bo'lsa-da, aslida bu dasturlarda foydalanilmayotgan bo'lsa-da, bu dasturda qo'llanilmaydi. Bu prinsipning aniq amalga oshirilishi o'zgargan bo'lsa-da, bu an'anaviy bo'lgan qarzlarni olishning yangi shakllarining ajoyib namunasidir.
Veb-dizaynga kelganda, "yetakchi" uchun CSS xususiyati yo'q. Buning o'rniga, matnning bu inglini ko'rsatishini boshqaradigan CSS xususiyati line-height deb ataladi. Matnning gorizontal chiziqlari orasidagi bo'sh joyga ega bo'lishini xohlasangiz, ushbu xususiyatdan foydalanasiz. Masalan, saytingizning
Bu endi oddiy chiziq kattaligiga qarab 1,5 barobarga teng bo'ladi (odatda 16px).
Qator balandligi qachon foydalanish kerak
Yuqorida aytib o'tilganidek, chiziq balandligi paragraflarda yoki matnning boshqa bloklarida matn satrlarini ishlatish uchun mos keladi. Agar chiziqlar orasidagi masofa juda kam bo'lsa, matn tomoshabinlar uchun saytingizga o'girilib ketishi mumkin. Shunga o'xshab, agar tilda sahifalar juda uzoqda bo'lsa, normal o'qish oqimi uzilib qoladi va shu sababli o'quvchilar matningiz bilan muammolarga duch keladilar. Shuning uchun siz foydalanadigan layn-balandlik oralig'ining tegishli miqdorini topmoqchisiz. Bundan tashqari, siz sahifangizning okunabilirliği haqida o'z fikr-mulohazalarini olish uchun dizayningizni haqiqiy foydalanuvchilar bilan sinab ko'rishingiz mumkin.
Qator balandligi foydalanilmaganda
Chiziq balandligini sahifangizning dizayni, shu jumladan sarlavhaning yoki xatboshilarning ostiga bo'sh joy qo'shish uchun foydalanadigan plomba yoki chekka chiziq bilan aralashtirmang. Bu masofa etakchilik qilmaydi, shuning uchun u chiziq balandligi bilan ishlamaydi.
Agar muayyan matn elementlari ostida bo'sh joy qo'shishni istasangiz, chekka bo'shliqni yoki to'ldirishni ishlatasiz. Biz avvalgi CSS misoliga qaytib, biz uni quyidagicha qo'sha olamiz:
asosiy P {satr-balandligi: 1,5; margin-bottom: 24px; } Bu bizning sahifamiz xatboshi uchun matn satrlari orasida (satrda
Deyarli hamma holatlarda, bu avvalgi CSS kabi bir xil bo'ladi.
"Xizmatlar-menyu" turkumidagi ro'yxatda joylashgan ro'yxatdagi narsalar orasidagi intervalni qo'shishni xohlaysizmi deb aytsangiz, chiziq balandligi uchun YO'Q yoki bo'shliqni ishlatasiz. Demak, bu to'g'ri bo'ladi.
.services-menu li {