آموزش ایجاد کامنت در CSS

Ratings
(0)

کامنت ها در CSS یک نوع راهنمای برنامه نویس هستند و در نتیجه ی مرورگر نمایش داده نمی شوند اما بعنوان کمک به برنامه نویس در کدهای منبع قرار داده می شوند.

کامنت ها در CSS

از کامنت ها برای توضیح کدها استفاده می شود و وقتی که داریم کدهای منبع را ویرایش می کنیم، به ما کمک می کنند. کامنت ها توسط مرورگرها نادیده گفته می شوند و بعنوان کد حقیقی در نظر گرفته نمی شوند. یک کامنت در CSS ،در داخل عنصر <style> قرار می گیرد و با */ شروع و با /* خاتمه می یابد.

مثال شماره 1

/* این یک کامنت تک خطی است */
p {
  color: red;
}
امتحان کنید

 ما می توانیم کامنت ها را در هرجایی از کدها قرار دهیم:

مثال شماره 2

p {
  color: red;  /* تنظیم رنگ قرمز */
}
امتحان کنید

حتی می توانیم بین یک خط کد نیز کامنت قرار دهیم:

مثال شماره 3

p {
  color: /*قرمز*/blue; 
}
امتحان کنید

همچنین می توانیم کامنت های چند خطی نیز ایجاد کنیم:

مثال شماره 4

/* این
یک کامنت
چند خطی است */

p {
  color: red;
}
امتحان کنید

 کامنت های HTML و CSS

در آموزش های HTML، یاد گرفتیم که برای ایجاد کامنت HTML از دستور <!--...--> استفاده کنیم. در مثال زیر، از ترکیبی از کامنت های HTML و CSS استفاده شده است:

مثال شماره 5

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* تنظیم رنگ متن به قرمز */
}
</style>
</head>
<body>

<h2>عنوان من</h2>

<!-- این پاراگراف ها قرمز خواهند شد -->
<p>سلام به شما</p>
<p>این پاراگراف توسط سی اس اس استایل دهی شده است</p>
<p>کامنت های سی اس اس در خروجی نشان داده نمی شوند</p>

</body>
</html>
امتحان کنید

 

  • بازدید: 170

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال