سی‌اس‌اس/نحو

شروع به کار

نحو

کامنت‌ها

سی‌اس‌اس

سینتکس CSS

CSS (مخفف Cascading Style Sheets) زبانی برای توصیف استایل و ظاهر عناصر در صفحات HTML است. هر قانون در CSS شامل یک selector (انتخاب‌گر) و یک declaration block (بلوک اعلان) می‌باشد.

ساختار کلی یک قانون CSS

یک قانون CSS از دو بخش اصلی تشکیل شده‌است:

• Selector یا انتخاب‌گر: عنصری را مشخص می‌کند که می‌خواهیم روی آن استایل اعمال کنیم.
• Declaration block یا بلوک اعلان: شامل یک یا چند اعلان است که به وسیلهٔ نقطه‌ویرگول (;) از هم جدا می‌شوند. هر اعلان شامل یک property (ویژگی) و یک value (مقدار) است که با دونقطه (:) از هم جدا می‌شوند.

به‌طور خلاصه سینتکس CSS به صورت زیر است:

selector {
  property: value;
  property: value;
}

مثال

در مثال زیر، تمام عناصر <p> (پاراگراف‌ها) با رنگ قرمز و متن وسط‌چین نمایش داده خواهند شد:

p {
  color: red;
  text-align: center;
}

توضیح مثال

• p یک selector است (انتخاب‌گر)، که به عنصر HTML <p> اشاره دارد.
• color یک property است و مقدار آن red (قرمز) می‌باشد.
• text-align نیز یک property دیگر است که مقدار آن center (وسط‌چین) است.

نکته

هر بلوک اعلان باید داخل آکولاد { } قرار بگیرد. اگر چند ویژگی را مشخص می‌کنید، آن‌ها را با نقطه‌ویرگول ; از هم جدا کنید.

در فصل‌های بعدی با انواع بیشتری از CSS selectors (انتخاب‌گرها) و CSS properties (ویژگی‌ها) آشنا خواهید شد.