Animal Trading cards


Amaliy mashg‘ulot — Selektorlar


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

18. Amaliy mashg‘ulot — Selektorlar


1-savol
Ushbu "CSS" qoidalari to‘plami nimani bajaradi?
li {
color: green;
}


2-savol
CSS qoidalar berilgan:
li {
color: green;
margin:20px;
}

Har birini nomini ayta olasizmi?



3-savol
Biz uchta turdagi selektorlar haqida gaplashdik, ya’ni tur, klass va id selektorlari.
Aytaylik, ushbu 3 ta selektor turlaridan ba’zi p paragraf elementlariga uslub berish uchun foydalanmoqchisiz. Har bir selektor turini, u bilan nima vazifa bajarishingizga qarab moslang.


4-savol
ID selektoridan foydalanadigan bir nechta qator kod:



Welcome to my page ...


Ushbu kodni ikki qismga bo‘lish mumkin. Bir qismi uslubini belgilaydi va boshqa qismi HTML elementiga uslubni qo‘llaydi. Qaysi biri qaysiga tegishli?

5-savol
Bu yerda bir nechta qator kod mavjud:



I'm important!


As am I!


Me too!


Ushbu kod nima vazifani bajarmoqda?

6-savol
Va ushbu kodni yana bir nechta qatori:

I'm important!




 - bu nima?

Izoh:
Oldingi darsda biz boshqa atributlarni ko‘rdik, masalan img elementining alt atributi bilan tanishib chiqdik.
Bu class atributi bo‘lib, brauzerga "highlight" klassidan ushbu elementga uslublarni qo‘llash kerakligini aytadi.
7-savol
Bu yerda bir nechta turli xil "CSS" qoidalari berilgan. Ammo ularning ba’zilarida sintaksis noto‘g‘ri. Sintaksis xatolari bor kodlarni aniqlay olasizmi?


Download 0.93 Mb.

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




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