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; }
