Animal Trading cards

34. Amaliy mashg‘ulot — Xossalarni qidirish

1-savol

"Mozilla" ma’lumotnomasi yoki o‘zingizga ma’qul qidiruv tizimidan foydalanib, elementga background color xossasini beradigan "CSS" xossasini qidirib toping.

Uni topganingizdan so‘ngra, quyidagi xossani tering:

Javob

background-color

2-savol

Tassavur qiling, sizda ushbu ro‘yxat bor::

• 
  First thing
  
• 
  Second thing
  

Aytaylik, ro‘yxat uslubini o‘zgartirmoqchisiz (masalan, dumaloq ko‘rsatkichlar o‘rniga to‘rtburchak ko‘rsatkichlardan foydalanmoqchisiz). Ushbu vaziyatda qanday "CSS" xossalaridan foydalanishingiz mumkin?

Javob

list-style-type square

36. Amaliy mashg‘ulot — Shriftlar (1/2)

1-savol

Aytaylik, do‘stingiz sizga o‘z veb-sahifasini sizga ko‘rsatadi va ular bittagina shriftni ishlatganliklarini ko‘rasiz. Mana bu kabi:

p {

font-family: Constantia;

}
Bitta shriftni ishlatish qandaydir muammoga olib kelishi mumkinmi?



Izoh:

Aniq bir shriftni ishlatsa bo‘ladi, lekin agar ushbu shrift mavjud bo'lmasa, brauzer foydalanishi kerak bo‘lgan bir nechta asosiy shrfitni o‘rnini bosadigan shriftlarni berib o‘tish kerak. Aks holda, brauzer siz belgilagan shriftning o‘rniga boshqa shriftni qo‘yib yuborishi mumkin va bu siz istagan shriftdan sezilarli farq qilishi mumkin.

2-savol

Oxirgi-savoldagi muammoga kelsak, do‘stingizga beradigan yaxshi yechimingiz nimadan iborat?

Izoh:

"font stack" umumiy shrift oilasi (serif) bilan tugashiga e‘tibor bering. Bu juda yaxshi yechim, chunki brauzer keltirlgan boshqa ikkita shriftlarni topolmasa ham, verb sahifada belgilangan shriftning umumiy turini ko‘rsatishini ta’minlaydi.

3-savol

Ushbu nomlarning qaysi biri o‘ziga xos shriftlar oilasiga va qaysi biri umumiy shrift oilasiga tegishli?

Hozirda barcha mavjud shriftlarni ushbu havoladan topasiz:https://fonts.google.com/

Quyidagi ish maydonida bir oz ushbu vazifa ustida ishlab ko‘ring - agar xohlasangiz, 'notes.html' fayliga yoki ishlayotgan boshqa HTML faylga bir nechta qiziqarli shriftlarni qo‘shing!