قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

در این بخش قصد دارم در مورد ساختار و قواعد نوشتاری زبان css براتون توضیح بدم.

این مقاله از سایت آموزی رو دنبال کنید تا با syntax و ساختارهای زبان css آشنا بشید.

قواعد نوشتاری زبان css

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

هر زبان برنامه نویسی دارای یک دستور زبان مخصوصی می باشد. و بایستی از قوانین اون پیروی کنید.

اگر از قواعد نوشتاری یا قوانین ساختاری یک زبان برنامه نویسی پیروی نکنید. در کدنویسی خودتون دچار خطا خواهید شد.

حتما با خطای syntax مواجه شدید. به این علت هست که شما قواعد و ساختار اون زبان رو رعایت نکردید.

قواعد دستور زبان css :

ساختار زبان CSS از ۳ بخش تشکیل می شود:

  1. انتخابگر ( Selector )
  2. ویژگی ( Property )
  3. مقدار ( Value )

1- انتخابگر ( Selector ) :

جهت اعمال تغییرات در استایل کدهای html از انتخابگر ها استفاده می شود.

انتخابگر می تواند یک تگ html ، یک class ، یک id ، کلاس کاذب ، المنت کاذب ، و انواع سلکتورهای دیگر css باشد. ( به مبحث سلکتور ها در css مراجعه شود )

در حقیقت انتخابگر از هر نوعی که باشد در ابتدای دستور css می آید. و پس از آن یک آکلاد باز ( } ) می آید.

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

۲- ویژگی ( Property ) :

پس از سلکتور و آکلاد باز خصوصیت ، ویژگی یا Property می آید.

هر ویژگی از طریق یه خصوصیت بر سلکتور مورد نظر کنترل دارد.

در شکل زیر مشاهده می کنین که سلکتور ما تگ p هستش. و property در اینجا فاصله بیرونی از چپ ( margin-left ) هست.

که البته یه مقدار میگیره که اون قسمت مقدار همون خصوصیته که پایین توضیح میدم.

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

۲- مقدار ( Value ) :

همونطور که در شکل پایین هم ملاحظه می کنید ، یک تکه کد کامل css که شامل سلکتور ، ویژگی و مقدار می باشد.

که طبق دستور زبان property و value در داخل آکلاد باز و بسته نوشته می شود.

البته در صورتی که دستورات شما بیش از یک دستور است حتما باید از آکلاد باز و بسته استفاده کنید.

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

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css

قواعد نوشتاری زبان css | ساختار زبان css | قواعد syntax در css | کلاس css – اختصاصی سایت آموزی