سینتکس CSS: قاعده، سلکتور و بلاک اعلان

در «سینتکس CSS (CSS Syntax)» یاد می گیریم هر قانون چگونه از «سلکتور (Selector)» و «بلاک اعلان (Declaration Block)» تشکیل می شود. سپس می بینیم هر اعلان از «ویژگی (Property)» و «مقدار (Value)» ساخته می شود و با ویرگول نقطه ها جدا می گردد.

سینتکس CSS چگونه کار می کند؟

سلکتور به عنصر HTML اشاره می کند. بلاک اعلان درون آکولاد قرار می گیرد و شامل یک یا چند اعلان است. هر اعلان با دونقطه بین «ویژگی» و «مقدار» نوشته می شود؛ همچنین اعلان ها با ویرگول نقطه از هم جدا می شوند.

مثال سینتکس CSS

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

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

توضیح مثال

• p یک «سلکتور» است و به عنصر <p> اشاره می کند.
• color «ویژگی» و red «مقدار» آن است.
• text-align «ویژگی» و center «مقدار» آن است.

نکته: برای خوانایی بهتر، می توانید هر اعلان را در خط جداگانه بنویسید؛ اما قواعد سینتکس همان است.

گام بعدی پس از سینتکس CSS

پس از تسلط بر «سینتکس CSS»، سراغ سلکتورها بروید تا هدف گیری عناصر دقیق تر شود. اگر نیاز به مقدمه دارید، صفحه مقدمه CSS را مرور کنید.

هشدار: فراموش نکنید بلاک اعلان باید بین آکولاد باز و بسته نوشته شود و هر اعلان با ویرگول نقطه پایان یابد.