Elementlarga xususiy ko'rinishlar berish: CSS fayllari orqali HTML elementlarga xususiy ko'rinishlar berishingiz mumkin. Misol uchun, quyidagi kodda "example.css" nomli CSS fayli yordamida
elementlariga qora fon va oq matn berishimiz mumkin:
Klasslarga va ID'larga tahrir berish: CSS fayllari orqali HTML elementlarga klasslar va ID'lar orqali tahrir berishingiz mumkin. Misol uchun, quyidagi kodda "example.css" nomli CSS fayli yordamida .my-class klassiga va #my-id ID'ga ega bo'lgan elementlarni stilizatsiya qilaymiz:
Media tiklanishlar: CSS fayllari orqali medialar (media queries) yordamida ekran hajmini, o'qlarni va qurilmalarni tekshirib, shartlarga mos tahrirlarni belgilashingiz mumkin. Misol uchun, quyidagi kodda "example.css" nomli CSS fayli yordamida ekran hajmini 600 piksel dan kichik bo'lgan qurilmalarda matnning o'lchamini o'zgartiraymiz:
Bu misollar CSS fayllari orqali HTML elementlarni stilizatsiya qilish va ko'rinishini belgilash uchun katta imkoniyatlar beradi. CSS fayllari HTML fayllariga bog'langan holda tegi orqali chaqirilib ishlatiladi.
"example.css" nomli CSS fayli esa biriktirilgan ma'lumotlarni o'z ichiga oladi va HTML faylida belgilangan elementlarga ushbu stil qoidalarini qo'llaydi.
Tashqi CSS fayllari: CSS .css kengaytmali alohida tashqi fayllarga yozilishi mumkin. Bu tashvishlarni yaxshiroq tashkil qilish va ajratish imkonini beradi. Tashqi CSS fayllarini HTML hujjatining bo'limidagi tegi yordamida HTML fayllariga bog'lash mumkin.
Inline CSS: Tashqi CSS fayllariga qo'shimcha ravishda, CSS to'g'ridan-to'g'ri HTML elementlari ichida uslub atributidan foydalangan holda inline qo'llanilishi mumkin. Inline CSS tashqi CSS qoidalaridan ustun turadi, lekin odatda keng ko'lamli uslublar uchun tavsiya etilmaydi, chunki bu kodning takrorlanishiga va texnik xizmat ko'rsatishning pasayishiga olib kelishi mumkin.
CSS selektorlari: CSS selektorlari uslublar uchun maxsus HTML elementlarini maqsad qilish uchun ishlatiladi. Element selektorlari, sinf selektorlari, identifikatorlar selektorlari, atribut selektorlari va psevdoselektorlar kabi turli xil selektor turlari mavjud. Selektorlar uslublarni qo'llash uchun muayyan elementlar yoki elementlar guruhlarini yo'naltirish imkonini beradi.
Kaskad va o'ziga xoslik: CSS kaskadli modelga amal qiladi, bunda bir nechta CSS qoidalari bir xil elementga mo'ljallangan bo'lishi mumkin va yakuniy uslub qoidaning o'ziga xosligi va ko'rinish tartibining kombinatsiyasi bilan belgilanadi. O'ziga xoslik CSS selektorining qanchalik o'ziga xosligini o'lchovidir va qarama-qarshi uslublar qo'llanilganda qaysi qoida ustuvorligini belgilaydi.
CSS Box modeli: CSS qutisi modeli elementlarning joylashuvi va o'lchamlarini belgilaydi. U tarkib, to'ldirish, chegara va chekkadan iborat. Ushbu xususiyatlarni boshqarish orqali siz sahifadagi elementlarning o'lchamini, oralig'ini va joylashishini boshqarishingiz mumkin.
CSS preprotsessorlari: Sass va Less kabi CSS protsessorlari o'zgaruvchilar, mixinlar, joylashtirish va funktsiyalar kabi CSS-ga qo'shimcha funksionallik va xususiyatlarni taqdim etadi. Ular qayta ishlatilishi mumkin bo'lgan kod parchalari va takomillashtirilgan tashkilotdan foydalanishga imkon berish orqali yanada modulli va barqaror CSS kodini yaratishga imkon beradi.
CSS - bu veb-sahifalardagi HTML elementlarining vizual ko'rinishini sozlash va boshqarish imkonini beruvchi kuchli uslublash tili. Vizual jihatdan jozibali va sezgir veb-saytlarni yaratishda hal qiluvchi rol o'ynaydi.
