نحو (Syntax) CSS

نحو CSS

یک قانون (rule) CSS از یک انتخابگر (selector) و یک بلوک اعلان (declaration block) تشکیل شده است:

• انتخابگر به عنصر HTML ای اشاره می‌کند که می‌خواهید به آن استایل بدهید.

• بلوک اعلان شامل یک یا چند اعلان (declaration) است که با نقطه-ویرگول (;) از هم جدا می‌شوند.

• هر اعلان شامل یک نام ویژگی (property) CSS و یک مقدار (value) است که با یک دو-نقطه (:) از هم جدا می‌شوند.

• اعلان‌های متعدد CSS با نقطه-ویرگول (;) از هم جدا می‌شوند و بلوک‌های اعلان با آکولاد ({}) احاطه می‌شوند.

مثال

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

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

• p یک انتخابگر (selector) در CSS است (به عنصر HTML ای اشاره می‌کند که می‌خواهید استایل‌دهی کنید: <p>).

• color یک ویژگی (property) است و red مقدار آن ویژگی است.

• text-align یک ویژگی است و center مقدار آن ویژگی است.

شما در فصل‌های آینده درباره انتخابگرهای CSS و ویژگی‌های CSS بسیار بیشتر خواهید آموخت!