آموزش شیوه نوشتن کد(سینتکس) در CSS

یک دستور CSS، شامل یک سلکتور و یک بلوک اعلان(declaration block) است.

سلکتور، به عنصری در HTML اشاره می کند که می خواهیم آن را استایل دهی کنیم. هر بلوکِ اعلان(declaration block) حاوی یک یا چند اعلان(declaration) است که به وسیله ی سمی کالن(; یا همان نقطه ویرگول) از یکدیگر جدا می شوند.
هر اعلان، حاوی یک ویژگی(property) و یک مقدار(value) است که با استفاده از علامت دو نقطه(:) از یکدیگر جدا شده اند. اگر چند اعلان در دستور CSS خود داشته باشیم، آنها با استفاده از سمی کالن(نقطه ویرگول یا ;) از یکدیگر جدا می شوند و بلوک های اعلان در داخل آکولادها قرار می گیرند.

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

توضیح مثال بالا:

در مثال بالا، p یک سلکتور CSS است. این سلکتور، عناصر پاراگراف یا همان <p> را در بین عناصر HTML جستجو یا گزینش می کند.

در مثال بالا، color یک ویژگی است و red نیز مقدار آن است.

در مثال بالا، text-align یک ویژگی است و center مقدار آن است.

نکته: در مقالات و فصول بعدی، چیزهای بیشتری در مورد سلکتورهای CSS و ویژگی های(properties) آن خواهید آموخت.