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

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

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

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

قواعد نوشتاری زبان css ساختار زبان css قواعد syntax - سایت آموزی

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

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

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

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

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

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

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

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

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

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

قواعد نوشتاری زبان css ساختار زبان css قواعد syntax - سایت آموزی

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

۲- ویژگی ( Property ) :

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

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

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

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

قواعد نوشتاری زبان css ساختار زبان css قواعد syntax - سایت آموزی

۲- مقدار ( Value ) :

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

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

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

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

قواعد نوشتاری زبان css ساختار زبان css قواعد syntax - سایت آموزی

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

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