CSS Sozlamalar: qator oralig'i

CSS, chiziqlar orasidagi masofa belgilash uchun juda qulay hisoblanadi. Bu maqsadda maxsus mulk bor. Lekin, albatta, universal va matn uchun qo'llanilishi mumkin ko'plab boshqa parametrlar mavjud.

biron-bir tuzatish amalga oshiriladi bo'lsa, standart qadriyatlarga o'rnatiladi. Kerakli agar siz masofani o'zgartirishingiz mumkin. qiymati bir foizini yoki piksel bo'lishi mumkin.

Qator balandligi

chiziqlar orasidagi CSS masofa quyidagi tarzda namoyish qilinishi mumkin.

Yuqoridagi rasmda tegishli masofalarga bilan parametrlarini ko'rsatadi. matn kosmik font-size bo'ladi. Matn liniyasi bazasini va bir oz yuqori da boshlanadi emas unutmang. pastki elementlarni (g, y, va hokazo) ega harflar uchun quyidagi taqdim kosmik.

bloklari font-size orasida oraliq etakchi deb ataladi unutmang. HTML va CSS bilan bu mulkni paydo emas, lekin u boshqa grafik va matn muharrirlari bo'ladi. Misol uchun, Adobe fotoshop.

"Fotoshop" ham, siz etakchi ko'rsatish mumkin namoyishlari rasmda ko'rsatilgan. Va keyingi font-size sozlamani belgilangan.

liniyasi-balandligi foydalanib misollar

CSS, chiziqlar orasidagi masofa foiz o'rnatishingiz mumkin. Yaqqol quyida berilgan.

saytingiz foydalanuvchi kichik qadriyatlar holda o'qishga noqulay bo'ladi.

masofa turli va shrift hajmi bo'lishi mumkin. asosiy parametrlari orasidagi farq raqamlar katta farq bo'lsa, farq o'sish etakchi bartaraf etiladi.

dizayn xushfe'lligi

chiziqlar orasidagi CSS masofa yanada turli barmog'ingizni sozlashingiz mumkin. Rasmda misolni ko'rib chiqaylik.

Bu holatda, "Element" matn bo'ladi. Padding - ob'ekt belgi - padding chet ob'ekti ichida, va. Chegara - bu ramka. 0 piksel bo'lishi mumkin, va 100 bo'lishi mumkin.

Quyidagi tasvir darhol barcha chegaralariga, ramkalar va matn bir chiziq balandligi ko'rsatadi.

Agar bitta chiziq kichik matn, yoki alohida bandda har bir qatorni bo'lsa, masofa cökertilmiş bandlarida o'rtasida sozlanishi. Bu hech qanday ta'sir qiladi, bir kameraga chiziqlar orasidagi maring va padding hisoblanadi. Ular faqat ob'ekt qirralarning chuqurchaga yaratish. Ob'ektni - bu butun xatboshiga, o'rniga unda liniyalari. Bu chigal olish uchun emas, balki muhim ahamiyatga ega.

hollarda shu ob'ektga joylashgan barcha qaysi satrlar katta soni, harflarning asosiy parametrlarini o'zgartirish uchun tavsiya etiladi qaerda.

CSS bosqichlari orasidagi masofani oshirish uchun qanday

HTML liniyalari orasidagi masofa, siz har qanday sinf yoki matn barcha bandlar uchun, ro'yxatdan o'tishingiz mumkin. p {liniyasi-balandligi: Agar bu kabi belgilash bo'lsa 20px; } - keyin juda sahifada barcha paragraflar 20 piksel satr bo'ladi. Agar turli darajada turli joylarda bo'lsangiz, u quyidagicha qilish tavsiya etiladi.

Biz tarzini buyurmoq.

.class1 {liniyasi-balandligi: 20px; }

.class2 {liniyasi-balandligi: 16px; }

.class3 {liniyasi-balandligi: 12px; }

Agar ishlaydi, deb ko'rish mumkin, shuning uchun, tushunarli bo'lishi uchun, biz, bir ramka qo'shing. Kelajakda, u olib tashlanishi kerak.

Keyingi, biz bu sinflar foydalaning. quyidagicha natija hisoblanadi.

Uchinchi holda, guruhning matnga haydab unutmang. Barcha tufayli ekanligiga Shriftning o'lchami liniyasi balandligi kattaroqdir. Shuning uchun, bu kabi mojarolar emas edi ishonch hosil qilish uchun muhim ahamiyatga ega. Agar kichik liniyasi balandligi qilyapsan bo'lsa, mos ravishda, shrift kamaytirish.

Bu juda kam matn va chiziqlar orasidagi kichik masofani qilish tavsiya etilmaydi. foydalanuvchilarning hech xotirjam uni hamma o'qiy olmaydi beri. U tez charchab, ko'zlari. Qidiruv motorlar, shuningdek, matn samimiy, deydilar.

Bundan tashqari, so'nggi yillarda mobil foydalanuvchilar uchun mavjudligini, kuchli urg'u bor. There tavsiyalar har doim Shriftning o'lchami normal emas, balki kichik bo'lishi kerak, deb aytgan. Ayniqsa kuchli mos yozuvlar ta'sir qiladi. ularning kichik o'lchamda foydalanuvchi sayt navigatsiya foydalanish qiyin bo'ladi.

qidiruvi, "Google" tahlil yordam beradi maxsus vositasi hisoblanadi. U rahbarlari uchun juda qulay hisoblanadi.

Bu yerda bo'lishi mumkin natijalari namunasidir.

Bu mezonlar qidirish natijalarini ta'sir, chunki bu maslahatlar foydalanish tavsiya etiladi.