CSS nima?

Kaskadli uslublar (CSS) — matn tili bo‘yoq tili bo‘lib, hujjatning taqdimotini tavsiflash uchun ishlatiladi, u markup tilida yozilgan (HTML, XHTML, SVG, XML).

CSS ning asosiy funksiyalari:

Taqdimotni mazmunidan ajratish: Veb-sahifaning tashqi ko‘rinishini uning tuzilmasini o‘zgartirmasdan o‘zgartirish imkonini beradi.
Elementlarni stilizatsiya qilish: Ranglar, shriftlar, o‘lchamlar, chetlar, chegaralar va boshqa vizual xususiyatlarni boshqarish.
Moslashuvchan dizayn yaratish: Media Queries yordamida foydalanuvchi qurilmasining xususiyatlariga (ekran rezolyutsiyasi, orientatsiya va boshqalar) qarab turli uslublarni qo‘llash mumkin.
Animatsiyalar va o'tishlar: Interaktivlik uchun vizual effektlar yaratish va foydalanuvchi tajribasini yaxshilash.
Loyihani boshqarish: Flexbox, Grid, floatlar va boshqalar yordamida elementlarni sahifada joylashtirish.

CSS qoidasi tuzilishi:

/* Tanlovchi */
h1 {
  /* E'lonlar */
  color: blue; /* Xususiyat: qiymat; */
  font-size: 24px;
}

CSS ni HTML hujjatiga ulashning asosiy usullari:

Tashqi fayl (<link>): Eng keng tarqalgan va tavsiya etilgan usul. Stil fayli alohida .css faylida saqlanadi.
```
<link rel="stylesheet" href="styles.css">
```
<style> tegida: Stil to‘g‘ridan-to‘g‘ri HTML hujjatida belgilangan, odatda <head> bo‘limida. Kichik uslublar yoki tezkor testlar uchun mos.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Inline uslublar (style atributi): Stil ma'lum bir HTML elementiga style atributi orqali qo‘llaniladi. Yuqori prioritetga ega, ammo qo‘llab-quvvatlash va kengaytirishni qiyinlashtiradi.
```
<div style="border: 1px solid black;">
  Bu div inline uslub bilan.
</div>
```

Kaskadlik, brauzer qanday qilib bir nechta qoidalar bir element uchun kurashayotganida ularni qanday qo‘llashini belgilaydi. Quyidagilar hisobga olinadi:

Tanlovchilarning prioriteti: Aniqroq tanlovchilar yuqori prioritetga ega.
Tartib: Keyingi e'lon qilingan qoidalar, bir xil prioritetga ega bo‘lsa, avvalgisini o‘zgartiradi.
Muhim (!important): !important bilan belgilangan deklaratsiyalar eng yuqori prioritetga ega ( ehtiyotkorlik bilan foydalanish tavsiya etiladi ).
Uslublarning manbai: Muallifning uslublari, foydalanuvchi yoki brauzerning standart uslublaridan yuqori prioritetga ega.