Matn blokining shrift xususiyatlarini sahifada sozlashning bir necha yo'li mavjud. Ulardan ba'zilari faqat HTML, boshqalari faqat CSS-dan foydalanadi, boshqalari esa ikkala tilning imkoniyatlarini birlashtiradi.
Ko'rsatmalar
1-qadam
Shriftning parametrlarini ushbu blok boshlanishidan oldin darhol sahifada ma'lum bir matn blokini namoyish qilish uchun ishlatishi mumkin. Buning uchun hujjat elementlarining uslubiy tavsiflarini jalb qilmasdan belgilash tilining vositalari etarli. Tegishli HTML konstruktsiyasi ochiladigan va yopiladigan shrift (va) teglaridan iborat bo'lib, ular orasida matn joylashtiriladi. Ushbu yorliq shrift nomini yuz atributida, uning rangini (rang atributida) va o'lchamini (o'lcham atributida) belgilashga imkon beradi. Rangni matn belgilashida ko'rsatish mumkin (masalan, Moviy), lekin o'n oltinchi kodlardan foydalanish yaxshiroq (masalan, Moviy o'rniga # 0000FF), chunki ular kerakli soyani aniqroq tanlash uchun ishlatilishi mumkin. Shrift o'lchami bu erda nisbiy birliklarda o'rnatiladi - 1 dan 7 gacha bo'lgan raqamni belgilashingiz kerak, shrift parametrlari shu tarzda o'rnatilgan namuna matni: Namuna matni
2-qadam
Yana bir usul - uslub atributidan foydalanish. U ko'plab teglarda, shu jumladan, hujjat tarkibidagi matn bilan satrlarni hosil qiladigan yoki blokirovka qiladigan maydonlarda ko'rsatilishi mumkin. Matnning bitta xatboshisini tashkil etuvchi yorliqli misol:
Namuna matni
Bu erda 700 shrift og'irligi, 20 piksel shrift o'lchamidir. Aslida, ular amalda bir-birini takrorlaydi - ular harflar hajmini belgilaydilar. Faqatgina farq shundaki, shrift kattaligi mutlaq birliklarda (px yoki em) o'lchamlarni va shrift og'irligini nisbiy birliklarda, ya'ni. butun matn uchun belgilangan hajmga nisbatan ushbu matn blokining hajmini oshiradi yoki kamaytiradi. Siz tasavvur qilganingizdek, ikkalasini bir vaqtning o'zida bitta uslub atributida ishlatishdan foyda yo'q, ular bu erda faqat namuna sifatida birlashtirilgan. Mutlaq kattalikdan keyin kasr bilan ko'rsatilgan 12 raqami ushbu xatboshidagi satrlarning balandligini belgilaydi. Va Verdana, albatta, ishlatiladigan shriftning nomi.
3-qadam
Biroq, shrift parametrlarini to'g'ridan-to'g'ri sahifa elementlari teglarida belgilash endi kamdan kam qo'llaniladi. Qoida tariqasida shrift tavsiflari CSS bloklariga joylashtirilgan va ularga havolalar faqat teglarda - class yoki id atributlarida ko'rsatilgan. Shrift parametrlarini ko'rsatishning ushbu turiga misol:
.paraFont {shrift: 20px / 40 Verdana;}
Namuna matni
4-qadam
Agar sahifada shriftlarning maxsus xilma-xilligi bo'lmasa, siz parametrlarni o'rnatishingiz mumkin, masalan, barcha teglar uchun
va class atributida ham, idda ham uslub tavsifiga bog'lanmang. Bunday holda, avvalgi namunani quyidagicha soddalashtirish mumkin:
p {shrift: 20px / 40 Verdana;}
Namuna matni