Parcel Demo



Download 161,19 Kb.
bet16/19
Sana31.12.2021
Hajmi161,19 Kb.
#216276
1   ...   11   12   13   14   15   16   17   18   19
Bog'liq
amaliyot hisoboti

Shriftlar va matn

Endi CSS asoslarini bilib oldik, keling, misolimiz yaxshi ko'rinishi uchun style.css faylimizga yana bir qancha qoidalar va ma'lumotlarni qo'shib qo'ying.


Endi CSS asoslarini o'rganib chiqdik, keling, misolimiz yaxshi ko'rinishi uchun style.css faylimizga yana bir qancha qoidalar va ma'lumotlar qo'shaylik. Avvalo shriftlarimiz va matnlarimizni biroz yaxshiroq ko'rinishga keltiramiz.
Avvalo, orqaga qayting va biron bir joyda saqlagan Google Fonts natijalarini toping. Index.html sarlavhasi ichiga biron bir joyga elementini qo'shing (yana va teglari orasidagi har qanday joyda). Bu shunday ko'rinadi:

Ushbu kod sizning sahifangizni Open Sans shriftlar oilasini sahifangiz bilan birga yuklaydigan uslublar jadvaliga bog'laydi va ularni o'zingizning jadvalingiz yordamida HTML elementlaringizga qo'llashga imkon beradi.

Keyin style.css faylingizdagi mavjud qoidani olib tashlang. Bu yaxshi sinov bo'ldi, lekin qizil matn aslida unchalik yaxshi ko'rinmaydi.

Joylashtiruvchi qatorni haqiqiy shrift oilasi bilan Google Fonts-dan olgan qator bilan almashtirib, kerakli joyga quyidagi qatorlarni qo'shing. (shrift-oilasi shunchaki matn uchun qaysi shrift (lar) dan foydalanmoqchi ekanligingizni anglatadi). Ushbu qoida butun shrift uchun shrift va shriftning global hajmini belgilaydi (chunki butun sahifaning ota-onasi hisoblanadi va uning tarkibidagi barcha elementlar bir xil shrift o'lchamlari va shriftlar oilasini egallaydi):

HTML {


shrift hajmi: 10px; / * px "piksel" degan ma'noni anglatadi: asosiy shrift 10 piksel balandlikda bo'ladi * /

font-family: placeholder: bu Google shriftlaridan shrift nomi bo'lishi kerak

}

Eslatma: CSS hujjatidagi / * va * / orasidagi hamma narsa bu CSS izohidir, bu kodni bajarishda brauzer e'tiborga olmaydi. Bu erda siz nima qilayotganingiz haqida foydali yozuvlar yozishingiz mumkin.


Endi HTML korpusi tarkibidagi matnni o'z ichiga olgan elementlar uchun shrift o'lchamini o'rnatamiz (


Download 161,19 Kb.

Do'stlaringiz bilan baham:
1   ...   11   12   13   14   15   16   17   18   19




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish