سینتکس (Syntax)

  • سینتکس به مجموعه قوانینی گفته می‌شود که ساختار یک زبان (برنامه‌نویسی یا نشانه‌گذاری) را تعریف می‌کند. این قوانین مشخص می‌کنند که کلمات، عبارات و دستورات چگونه باید نوشته و در کنار هم قرار گیرند تا برای مفسر (Compiler) یا مفسر/مترجم (Interpreter) قابل فهم باشند.

    اگر سینتکس به درستی رعایت نشود، برنامه دچار خطای نحوی (Syntax Error) می‌شود و اجرا نخواهد شد.

    🧱 ساختار سینتکس در CSS

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

    1. انتخاب‌گر (Selector)

    عنصری از HTML که می‌خواهیم برای آن استایل بنویسیم.
    مثال: h1, p, div

    1. ویژگی (Property)

    مشخصه‌ای از عنصر که می‌خواهیم تغییر دهیم.
    مثال: color, font-size, border

    1. مقدار (Value)

    مقدار یا تنظیمی که برای ویژگی انتخاب می‌کنیم.
    مثال: red, 16px, #F1F1F1

    ✍️ سینتکس کلی CSS

    selector {
      property: value;
    • }
  • 📌 هر declaration شامل یک property و یک value است که با دو نقطه (:) از هم جدا می‌شوند و در پایان با سمی‌کالُن (;) خاتمه می‌یابند.
    📌 مجموعه‌ای از declarationها در داخل { } قرار می‌گیرد.

    🌟 مثال

    h1 {
      color: blue;
      font-size: 24px;
    • }

  • 🔹 در این مثال:

    • انتخاب‌گر: h1
    • ویژگی‌ها: color و font-size
    • مقادیر: blue و 24px

    📌 نتیجه‌گیری

    • رعایت سینتکس در زبان‌های برنامه‌نویسی و استایل‌دهی ضروری است.
    • حتی یک اشتباه کوچک (مثل فراموشی سمی‌کالُن یا آکلاد) می‌تواند باعث بروز خطا شود.
    • یادگیری سینتکس اولین قدم برای استفاده درست از هر زبان برنامه‌نویسی است.