این آموزش در تاریخ ۱۴۰۲/۰۶/۲۶ آپدیت شده است.
آموزش نحوه نوشتن توضیحات در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش نحوه نوشتن توضیحات در CSS با من همراه باشید.
Free-Learn
نحوه نوشتن توضیحات در CSS
توضیحات یا کامنت ( Comment ) که میگم، یعنی یک متن یا توضیحی در مورد کدهایی که در فایل CSS نوشتیم، یعنی مثلا اگه دستوری نوشتیم که رنگ زمینه صفحه را آبی کرد بیایم و با استفاده از توضیحات بگیم که این دستور اینکارو میکنه، همین تموم شد رفت
پس در کل توضیحات داره میگه که فلان دستور برای فلان کاره و… هدف اصلی از توضیحات هم دقیقا همینه! یعنی ما بتونیم با استفاده از توضیحات خوانایی یک سورس کد رو بالا ببریم.
تا اگه فردا روزی حالا یا خودتون یا شخص دیگه ای اون سورس کد رو دید خیلی راحت بتونه درکش کنه و خوانایی بیشتری براش داشته باشه، هدف اصلی توضیحات فقط همینه.
یاهم میتونیم یک یا چندین دستور / ویژگی CSS رو کامنت کنیم، اینجوری دیگه اون دستورات روی صفحه وبمون اعمال نمیشه، چون هرچیزی که در سورس کد کامنت شده باشه در خروجی ( مرورگرها ) اجرا نمیشه.
Free-Learn
انواع توضیحات در CSS
خب ما میتونیم از توضیحات / کامنت به ۳ روش استفاده کنیم :
- توضیحات خطی ( سطری )
- توضیحات چند خطی ( چند سطری )
- توضیحات برای مخفی کردن کدها
مثال شماره ۱ : استفاده از توضیحات خطی ( سطری )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<style> /* برای تنظیم رنگ زمینه */ body{ background-color:#123456; } /* رنگ متن تگ اچ2 رو سفید میکنه */ h2{ color:#fff; text-align:center; } </style> |
مثال شماره ۲ : توضیحات چند خطی ( چند سطری )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<style> /* برای تنظیم رنگ زمینه */ body{ background-color:#123456; } /* رنگ متن تگ اچ2 رو سفید میکنه */ h2{ color:#fff; text-align:center; } </style> |
مثال شماره ۳ : کامنت کردن بخشی از کدها برای مخفی کردن آنها
|
1 2 3 4 5 6 7 8 9 |
<style> h2{ color:red; text-align:center; /* font-size:50px; */ } </style> |
