CSS nədir?

Kaskadlı üslublar (CSS) — sənədlərin təqdimatını təsvir etmək üçün istifadə olunan üslub dilidir, bu, markup dilində (HTML, XHTML, SVG, XML) yazılmış sənəddir.

CSS-nin əsas funksiyaları:

Təqdimatı məzmundan ayırmaq: Bu, veb səhifənin görünüşünü onun strukturunu dəyişmədən dəyişməyə imkan verir.
Elementlərin stilizasiyası: Rənglər, şriftlər, ölçülər, kənar boşluqlar, sərhədlər və digər vizual xüsusiyyətlərin idarə olunması.
Uyumlu dizayn yaratmaq: Media Queries vasitəsilə istifadəçinin cihaz xüsusiyyətlərinə (ekran həll, yönləndirmə və s.) görə müxtəlif stillər tətbiq oluna bilər.
Animasiya və keçidlər: İnteraktivlik üçün vizual effektlər yaratmaq və istifadəçi təcrübəsini yaxşılaşdırmaq.
Layihənin idarə olunması: Flexbox, Grid, float və digər texnikalarla elementlərin səhifədə yerləşdirilməsi.

CSS qaydasının quruluşu:

/* Seçici */
h1 {
  /* Bəyannamələr */
  color: blue; /* Xüsusiyyət: dəyər; */
  font-size: 24px;
}

CSS-ni HTML sənədinə qoşmağın əsas üsulları:

Xarici fayl (<link>): Ən çox istifadə olunan və tövsiyə olunan üsul. Stilin ayrı .css faylında saxlanılır.
```
<link rel="stylesheet" href="styles.css">
```
<style> etiketi daxilində: Stil birbaşa HTML sənədində təyin olunur, adətən <head> bölməsində. Kiçik stil və ya sürətli testlər üçün uyğundur.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
İnline stil (style atributu): Stil müəyyən HTML elementinə style atributu vasitəsilə tətbiq olunur. Yüksək prioritetə malikdir, lakin dəstək və miqyaslandırmanı çətinləşdirir.
```
<div style="border: 1px solid black;">
  Bu div inline stil ilə.
</div>
```

Kaskadlıq, brauzerin eyni element üçün bir neçə qayda ilə mübarizə apardıqda, onların necə tətbiq olunacağını müəyyən edir. Bu, nəzərə alınır:

Seçicilərin prioriteti: Daha spesifik seçicilər daha yüksək prioritetə malikdir.
Sıralama: Daha sonra elan olunan qaydalar, eyni prioritetə malik olanları üstələyir.
!important: !important ilə qeyd olunan bəyanatlar ən yüksək prioritetə malikdir (diqqətlə istifadə olunmalıdır).
Stil mənbəyi: Müəllifin stilləri, istifadəçinin və ya brauzerin standart stillərindən daha yüksək prioritetə malikdir.