3 g-guruh talabasi Urazbayev Saburjanning 2021-2022-oʻquv yiliga belgilangan amaliyot

@import: url(mystyles.css);
CSS stillarini ishlatishda, quyidagi guruhlash usullaridan foydalanish, tartibli web sahifa tuzishga olib keladi:
— Kodlarni ixchamlash uchun, xar hil elementlar uchun bir hil tipdagi stillarni guruhlab ishlatish maqsadga muvofiqdir.
H1 {font-family: Verdana}
H2 {font-family: Verdana}
Yuqoridagi stilni guruhlab quyidagicha yozamiz.
H1, H2 {font-family: Verdana}
— Guruhlashda bir hil element uchun bir necha stillarni birlashtirish mumkin.
H2 {font-weight: bold}
H2 {font-size: 14pt}
H2 {font-family: Verdana}
Barcha stillarni bittaga yiғamiz.
H2 {font-weight: bold; font-size: 14pt; font-family: Verdana;}
— Ba’zi stillar bitta stil ichida berilishi ham mumkin.
H2 {font: bold 14pt Verdana}
CSS stillari bilan ishlaganda, element ichidagi elementlar ham o’zidan yuqori turgan element stilini qabul qiladi, ya’ni o’zidan oldingi element ”ota” vazifasini bajaradi va o’z “farzandlari”ga ham o’zida borini beradi. Misol: uchun,
tegi ichidagi matn ko’k rangda yozilishi lozim bo’lsa(P {color: blue}),
tegi ichidagi tegiga tegishli bo’lgan matn ham ko’k rangda yoziladi.
Ba’zi stillar faqat yakka tartibda ishlaydi, ya’ni ichki teglarga stillari o’tmaydi(Misol: uchun, background), shuning uchun barcha stillarni birma bir ishlatib, o’rganib olish lozim. tegiga stil berib, dastlabki o’rnatilish(po umolchaniyu) jarayonini hosil qilish mumkin. Shunda biror elementga stil berish esdan chiqib qolsa, tegida ta’luqli stil esdan chiqgan elementga o’rnatiladi.
BODY {color: green;
font-family: «Verdana»;
background: url(joke.gif) white; }
SELEKTOR, KLASS, IDENTIFIKATOR TUSHUNCHASI
Selektor
CSS da selektor vazifasini HTML teglar bajaradi. Veb sahifadagi barcha bir hil tipdagi teglarga(selektorlarga) umumiy stil beramiz. Misol: uchun saytdagi barcha “ссылка”larning tegiga chizishni olib tashlaymiz(sizga ma’lumki, “ссылка” larga stil berilmasa odatiy tegiga chizilgan holatda qoladi).