CSS yoki Cascading Style Sheets - bu belgilash tilida yozilgan hujjat taqdimotini tasvirlash uchun ishlatiladigan uslublar tili. (CSS dasturlash tili hisoblanmaydi) U birinchi navbatda HTML va XHTML-da yozilgan veb-sahifalarni uslublash va joylashtirish uchun ishlatiladi, lekin SVG va XML kabi boshqa belgilash tillari bilan ham foydalanish mumkin.
CSS dasturchilarga veb-sahifa taqdimotini uning tuzilishi va mazmunidan ajratish imkonini beradi. Bu shuni anglatadiki, bir xil HTML hujjati turli xil CSS fayllariga oddiygina ulanish orqali bir necha usulda uslublanishi mumkin. Bu, ayniqsa, sezgir dizaynlarni yaratish uchun foydalidir, chunki bir xil HTML turli ekran o'lchamlari uchun turli tartiblarni yaratish uchun ishlatilishi mumkin.
CSS ning asosiy sintaksisi selektorlar va deklaratsiyalardan iborat. Tanlagichlar veb-sahifadagi siz uslubni yaratmoqchi bo'lgan elementlarni tanlash uchun ishlatiladi va deklaratsiyalar ushbu elementlarga qo'llamoqchi bo'lgan uslublarni belgilash uchun ishlatiladi. Masalan, quyidagi kod veb-sahifadagi barcha paragraf elementlarini qizil rangga aylantiradi:
p {
color: red;
}
CSS selektorlari juda aniq bo'lishi mumkin, bu sizga alohida elementlarni yoki elementlar guruhlarini ularning identifikatori, sinfi, turi yoki atributiga qarab belgilash imkonini beradi. Bundan tashqari, CSS-ning kuchli kaskadli va meros tizimi mavjud bo'lib, u uslublarni ota-ona elementlardan pastki elementlarga meros qilib olish imkonini beradi. Bu shuni anglatadiki, siz ota-ona elementiga uslublar o'rnatishingiz va ularni avtomatik ravishda uning barcha bolalariga qo'llashingiz mumkin.
CSS veb-sahifaning joylashuvi va taqdimotini boshqarish uchun ishlatilishi mumkin bo'lgan turli xil xususiyatlarga ega. Eng ko'p ishlatiladigan xususiyatlardan ba'zilari:
rang va fon rangi: Elementning matn rangi va fon rangini o'rnatish uchun ishlatiladi.
shrift-size, font-family va shrift-weight: shrift hajmi, oilasi va matn vaznini boshqarish uchun ishlatiladi.
kenglik va balandlik: Elementning kengligi va balandligini o'rnatish uchun ishlatiladi.
chekka va to'ldirish: element atrofida bo'sh joy yaratish uchun ishlatiladi.
displey: Blok yoki inline element kabi element qanday ko'rsatilishini boshqarish uchun ishlatiladi.
Bundan tashqari, CSS-da moslashuvchan va sezgir tartiblarni yaratish uchun ishlatilishi mumkin bo'lgan Flexbox va Grid kabi bir nechta tartib modullari mavjud. Flexbox ishlab chiquvchilarga osongina moslashuvchan, bir o'lchovli maketlarni yaratishga imkon beradi va Grid ishlab chiquvchilarga ikki o'lchovli maketlarni yaratishga imkon beradi.
CSS shuningdek, media so'rovlar, animatsiyalar va transformatsiyalar kabi bir qator rivojlangan xususiyatlarga ega. Media so'rovlari ishlab chiquvchilarga qurilmaning ekran o'lchami yoki ruxsati kabi xususiyatlariga qarab turli uslublarni qo'llash imkonini beradi. Animatsiyalar va o'zgartirishlar ishlab chiquvchilarga sichqonchani ko'tarish holatlari va aylantiruvchi animatsiyalar kabi dinamik va interaktiv effektlarni yaratishga imkon beradi.