CSS-dan foydalanib HTML taqdimoti atributlari o'rniga uslublar xususiyatlari yordamida bir xil element kodlanishi mumkin:
1-bob.
Buning afzalliklari darhol sezilmasligi mumkin, ammo CSSning kuchi uslub xususiyatlari ichki uslub elementiga yoki undan ham yaxshiroq tashqi CSS fayliga joylashtirilganda yanada ravshanroq bo'ladi. Masalan, hujjatda uslub elementi bo'lsa deylik:
h1 {
rang: qizil;
}
h1 Shundan so'ng, hujjatdagi barcha elementlar aniq kod talab qilmasdan avtomatik ravishda qizil rangga aylanadi. Agar keyinchalik muallif h1 elementlarini ko'k rangga aylantirmoqchi bo'lsa, bu uslub elementini quyidagicha o'zgartirish orqali amalga oshirilishi mumkin:
h1 {
rang: ko'k;
}
Hujjatni sinchkovlik bilan skanerlash va har bir alohida h1 elementi uchun rangni o'zgartirish o'rniga.Uslublar quyida tavsiflanganidek tashqi CSS-faylga joylashtirilishi va quyidagilarga o'xshash sintaksis yordamida yuklanishi mumkin:
Bu uslubni HTML-hujjatdan ajratib turadi va umumiy tashqi CSS-faylni tahrirlash orqali bir nechta hujjatlar uslubini o'zgartirishga imkon beradi.
