CSS Syntax

📘 نحوه نگارش CSS (سینتکس CSS)

CSS یا برگه‌های سبک آبشاری برای طراحی و زیباسازی عناصر HTML به کار می‌رود. ساختار پایه‌ای CSS شامل سِلِکتور (selector) و اعلان‌ها (declarations) است.

🔹 ساختار پایه:

selector {
property: value;
}

🔍 مثال:

p {
color: blue;
font-size: 16px;
}

در این مثال:

p: سلکتور است (همه تگ‌های <p> را هدف می‌گیرد)
color: blue; و font-size: 16px;: دو اعلان هستند
هر اعلان شامل دو بخش است:
- ویژگی (property) مثلاً color
- مقدار (value) مثلاً blue
مجموعه اعلان‌ها داخل آکولاد {} قرار می‌گیرند و با ; از هم جدا می‌شوند

✅ انواع رایج سلکتورها:

نوع سلکتور	مثال	توضیح
سلکتور تگ (عنصر)	`h1`	همه تگ‌های `<h1>` را هدف می‌گیرد
سلکتور کلاس	`.menu`	همه عناصری که کلاس `menu` دارند
سلکتور شناسه (ID)	`#header`	عنصری با شناسه `header` را هدف می‌گیرد
سلکتور همه‌گیر	`*`	همه عناصر HTML را هدف می‌گیرد
سلکتور گروهی	`h1, p`	تگ‌های `<h1>` و `<p>` را با هم هدف می‌گیرد