CSS (Cascading Style Sheets) - veb səhifələrin vizual görünüşünü və dizaynını idarə etmək üçün istifadə olunan bir üslub (stil) dilidir. HTML bir veb saytın strukturunu yaradırsa, CSS onun görünüşünü formalaşdırır — yəni rənglər, şriftlər, ölçülər, düzülüşlər və s. CSS olmadan HTML səhifələr sadə və stilizasiya olunmamış görünərdi.

CSS nə üçündür?

🎨 Rəngləri, fonları və sərhədləri təyin etmək

🔠 Şrift növlərini, ölçüsünü və yazı üslublarını idarə etmək

📏 Elementlərin ölçüləri, yerləşməsi, margin və padding kimi boşluqları tənzimləmək

📱 Müxtəlif cihazlara uyğun dizayn yaratmaq (responsive design)

⚙️ Animasiya və keçid effektləri əlavə etmək

📐 Layout strukturunu yaratmaq (Flexbox, Grid)

🔹 Əsas anlayışlar:

• Selektor (selector) — Hansı HTML elementinə stil tətbiq olunacağını göstərir.

Məsələn: p, .btn, #header

• Xassə (property) — Həmin elementə tətbiq olunan üslub xüsusiyyəti.

Məsələn: color, font-size, background-color

• Dəyər (value) — Xassəyə verilən konkret parametrlər.

Məsələn: color: red;, font-size: 16px;

• Media queries — Müxtəlif ekran ölçüləri üçün fərqli dizayn qaydaları təyin edir.

Məsələn:

@media (max-width: 768px) {

 body {

  font-size: 14px;

 }

}

CSS yazmaq yolları:

• Inline CSS — HTML elementin içində:

<h1 style="color: blue;">Başlıq</h1>

• Internal CSS — HTML sənədində <style> tagı ilə:

<style>

 p { color: green; }

</style>

• External CSS — Ayrı .css faylında yazılıb HTML-ə link edilir:

<link rel="stylesheet" href="style.css">

CSS olmadan bir veb sayt necə görünər?

– Təkcə mətn və şəkillər, heç bir gözəl dizayn olmadan. CSS sayəsində isə saytlar cəlbedici, istifadəçi dostu və müasir görünür.