Animal Trading cards

5. Sahifa kontentining stili

1-savol

Ishni boshlashdan oldin bularni CSSning o‘ziga xos xususiyatlariga ko‘ra to‘g‘ri tartibda joylashtiring. Eng kam o‘ziga xos variantni yuqori qismga, eng pastiga esa eng mos variantni qo‘ying.

2-savol

Nimaga fontSize bo‘lishi kerak deb o‘ylaysiz? Nega font-size ishlamaydi?

Javob:

Chunki font-size CSS xususiyatidir, fontSize esa Javascript obyekti hususiyati

3-savol (Mulohaza)

Elementning kengligini 50% qilib o‘rnatadigan JavaScript kodini yozing;

Javob:

document.getElementById("myElement").style.width = "50%";

4-savol

Howdy

Yuqoridagi element uchun ushbu kod ishlaganda quyidagi stillardan qaysi biri qo‘llaniladi?

document.querySelector('#quizzing-quizzes').style.cssText = 'width: 30px; textDecoration: underline;';



5-savol

classList property's documentationni https://developer.mozilla.org/en-US/docs/Web/API/Element/classList ko‘rib chiqing. .classList xususiyati qanday ma’lumot turini qaytaradi?



Izoh:

Nomi aytib turgandek .classList xususiyati ro‘yxatdan iborat va u bir qator xususiyatlarga ega. Eng ko‘p ishlatiladiganlari quyidagilar:

• 
  .add() - ro‘yxatga yangi sinfni qo‘shish
  
• 
  .remove() - ro‘yxatdan sinfni o‘chirish
  
• 
  .toggle() - agar u mavjud bo‘lmasa, uni qo‘shish yoki agar mavjud bo‘lsa, uni ro‘yxatdan o‘chirish
  
• 
  .contains() - bu sinf ro‘yxatda mavjud yoki yo‘qligiga asoslangan holda mantiqiy qiymatni qaytaradi
  

6-savol

Agar siz mavjud bo‘lmagan sinfni almashtirishga harakat qilsangiz nima sodir bo‘ladi? Deylik, agar sizda bu HTML bo‘lsa: