درس چهارم : کامنتها در CSS
کامنتها در CSS
کامنتها در CSS برای توضیح کد استفاده میشوند و ممکن است به شما در زمانی که میخواهید کد را در آینده ویرایش کنید کمک کنند.
کامنتها توسط مرورگرها نادیده گرفته میشوند و در خروجی نمایش داده نمیشوند.
نحوه نگارش کامنت در CSS
یک کامنت CSS در داخل تگ <style> قرار میگیرد و با /* شروع و با */ تمام میشود.
/* این یک کامنت تکخطی است */
p {
color: red;
}
p {
color: red;
}
شما میتوانید کامنتها را در هر جای کد که بخواهید قرار دهید:
p {
color: red; /* تنظیم رنگ متن به قرمز */
}
color: red; /* تنظیم رنگ متن به قرمز */
}
حتی کامنتها میتوانند چندین خط را در بر بگیرند:
/* این یک
کامنت چندخطی
در CSS است */
p {
color: black;
}
کامنت چندخطی
در CSS است */
p {
color: black;
}
استفاده از کامنت برای غیرفعال کردن کد
از کامنتها میتوان برای غیرفعال کردن موقت بخشی از کدهای CSS نیز استفاده کرد تا در مرورگر اجرا نشوند:
/*
h1 {
color: blue;
}
*/
p {
color: red;
}
خروجی کد بالا:
این تیتر استایل نگرفته است (رنگ آبی غیرفعال است)
این پاراگراف قرمز است.
تفاوت کامنت HTML و CSS
به یاد داشته باشید که نحوه نوشتن کامنت در HTML با CSS متفاوت است:
/* این یک کامنت CSS است */
پایان فصل چهارم
در درس بعدی به یکی از جذابترین بخشها یعنی «رنگها در CSS» میپردازیم.