Syntax (نوشتن صحیح) در CSS (سی اس اس)

Syntax (نوشتن صحیح) در CSS

زمان مطالعه

3 دقیقه

تعداد بازدید

412

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها



اشتراک گذاری این مطلب
در مورد نویسنده : "من همیشه می توانم آزادانه انتخاب کنم، اما باید بدانم که اگر انتخاب نکنم، باز هم انتخابی کرده ام."

Syntax (نوشتن صحیح) در CSS (سی اس اس)

Syntax (نوشتن صحیح) در CSS

زمان مطالعه

3 دقیقه

تعداد بازدید

412

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها



اشتراک گذاری این مطلب

ساختار کد 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 در CSS با علامت "*/" شروع و با "/*" پایان می پذیرد که هم به صورت تک خطی و چند خطی میتوان استفاده کرد.

/*temp document*/

/* div{
 background-color: red;
 width: 200px;
 height: 200px;
} */
 
در مورد نویسنده : "من همیشه می توانم آزادانه انتخاب کنم، اما باید بدانم که اگر انتخاب نکنم، باز هم انتخابی کرده ام."


پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی