آموزش Syntax (نوشتن صحیح دستورات سی اس اس و کامنت (توضیحات)

قواعد نوشتن یا سینتکس دستورات در سی اس اس مورد سختی نیست در ذیل ما توضیحات لازم رو برای این موضوع و کامنت سی اس اس آورده ایم

بهزاد میرزازاده بهزاد میرزازاده

زمان مطالعه

3 دقیقه

بازدید

456

پرسش و پاسخ

0
آموزش Syntax (نوشتن صحیح دستورات سی اس اس و کامنت (توضیحات)

فهرست مطالب برای مطالعه

قواعد نوشتن یا سینتکس در سی اس اس

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

1-گزینشگر یا Selector 

selector معمولا یک تگ html است که میخواهید آن را قالب بندی کنید بخش selector یعنی چگونه انتخاب کردن یا مورد احاطه قرار دادن تگ مورد نظر برای استایل دهی.

 2-اعلان یا Declaration

هر Declaration شامل یک Property و یک Value است.

Property در واقع یک ویژگی مثل رنگ یا سایز یا .. است که شما می خواهید آنرا تغییر دهید.

یک Declaration همیشه با علامت ";" پایان می پذیرد و Declaration هایی که در یک گروه قرار دارند با آکولاد باز و بسته احاطه می شوند.

مثال:

div{
  background-color: red;
  width: 50px;
  height: 50px;
}

 

Comments (کامنت ها) در CSS

Commentها برای توضیح درباره کد استفاده می شود، و ممکن است که بخواهید کدتان را یک زمان دیگر ویرایش کنید کمکتان کند ، ویژگی دیگر این است که اگر کد شما قرار است توسعه پیدا کند یا فرد دیگری بخواهد توسعه را به دست بگیرد نیاز بسیار ضروری به این comment ها خواهد داشت و مزیت دیگر این است که خوانایی کد شما را خیلی بالا میبرد.مفهوم دیگری به نام document وجود دارد که از comment ها برای این کار استفاده میشود ، document یعنی سندی برای نقشه راه کد های شما و سندی که در مورد بخش های حیاتی کد های شما توضیحات کافی و لازم را داشته باشند. 

Commentها در مرورگرها دیده نمی شود.

یک Comment در سی اس اس با علامت "*/" شروع و با "/*" پایان می پذیرد که هم به صورت تک خطی و چند خطی میتوان استفاده کرد.

/*temp document*/

/* div{
 background-color: red;
 width: 200px;
 height: 200px;
} */