Animal Trading cards


-savol Ba’zan bir nechta "CSS" qoidalarni


Download 0.93 Mb.
bet23/45
Sana31.01.2024
Hajmi0.93 Mb.
#1831329
1   ...   19   20   21   22   23   24   25   26   ...   45
Bog'liq
FrontEnd uz Final

8-savol
Ba’zan bir nechta "CSS" qoidalarni (shuningdek, kod bayonotlari deb nomlangan) bitta elementga qo‘llashni istaysiz. Misol uchun, barcha p elementlar color:green va `text-align:center" xossalariga ega bo‘lishini.
Bir nechta "CSS" qoidalarni bir qoidalar to‘plamiga qo‘yishni xohlasangiz, ularni ajratish uchun har bir qoida o‘rtasida nima qo‘yish kerak?

Izoh:
Har bir qoida qayerda tugashini ko‘rsatish uchun nuqta verguldan foydalanamiz;
Misol uchun:p{color:green; text-align:center;}

19. Amaliy mashg‘ulot — Klass selektorlari


Bajariladigan vazifalarim ro‘yxati ustida ko‘proq ishlash kerak. Bu ro‘yxatda eng muhim vazifalarni sariq rangda ajratib ko‘rsataman. Bundan tashqari, allaqachon bajargan vazifalarimni ham ochirib chiqishni istardim. Bu quyidagicha ko‘rinishi kerak:

Buni ikkita klass selektorlari yordamida amalga oshirishingiz mumkin. Ushbu klass selektorlarining nomlarini highlight va done deb qo‘ydim, lekin agar xohlasangiz, boshqa nomlarni tanlashingiz mumkin.
Sizga kerak bo‘lgan uslub bayonotlari (qoidalari):background-color:yellow; va text-decoration:line-through;.

20. Amaliy mashg‘ulot — Yanada ko‘proq klass selektorlari


Shunday qilib, endi bajariladigan vazifalarim ro‘yxatidagi muhim narsalar ajratib ko‘rsatildi va bajarilgan amalllar matni ustidan to‘g‘ri chiziq to‘rtildi. Ammo,ikkalasi ham muhim va bajarilgan deb belgilangan ro‘yxatdagi elementni bo‘lishini xohlasam nima bo‘ladi? Shunga o‘xshash:

  • Make waffles

Boshqacha qilib aytganda, ikkita "CSS" klasslarini bitta elementga qanday qo‘llashimiz mumkin?
Bu juda oson - klasslar nomlarini ikkalasini ham bo‘sh joy bilan ajratib qo‘yamiz. Shunga o‘xshash:
  • Make waffles
    O‘zingiz bu vazifani quyidagi ish maydonida sinab ko‘rishingiz mumkin.


    Download 0.93 Mb.

    Do'stlaringiz bilan baham:
  • 1   ...   19   20   21   22   23   24   25   26   ...   45




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