درباره نظرات در CSS شاید بپرسید که چرا به آنها نیاز داریم. نظرات در کدهای CSS نقش مهمی در قابل فهم کردن و سازماندهی کردن کدها ایفا می‌کنند. زمانی که یک پروژه توسعه می‌دهید، معمولاً همه چیز به سرعت پیچیده می‌شود. اضافه کردن نظرات، به شما امکان می‌دهد که دقیقا توضیح دهید هر بخش کد چه وظیفه‌ای دارد، یا شاید بخواهید به همکارانتان بگویید چه تغییراتی در هفته گذشته انجام داده‌اید.
در پروژه‌های گروهی، نظرات به همه اعضای تیم کمک می‌کند تا بفهمند چه کارهایی انجام شده و چرا. مخصوصاً زمانی که مشغول کار روی پروژه‌ای هستید که افراد متفاوتی در آن دخیل هستند، اهمیت نظرات بیشتر می‌شود، زیرا هر کسی قوانین و روش‌های خاص خود را دارد. با اضافه کردن توضیحات دقیق، کد شما قابلیت نگه‌داری وسیع‌تری پیدا می‌کند.
نظرات می‌توانند در فرمت‌های مختلف باشند. در CSS، از /* */ برای نوشتن نظرات استفاده می‌شود. این فرمت به شما امکان می‌دهد هر متنی را که می‌خواهید در میان این علائم بنویسید، بدون اینکه در عملکرد نهایی کد تاثیرگذار باشد.
یکی از قابلیت‌های جالب نظرات CSS این است که می‌توانید از آنها برای غیرفعال کردن بخشی از کد برای تست و بررسی استفاده کنید. مثلاً اگر می‌خواهید اثرات یک قسمت از CSS را روی صفحه آزمایش کنید، کافی است آن را داخل یک نظر بگذارید و نتیجه را ببینید.
نمونه کد نظرات CSS
body {
background-color: #fff; /* رنگ پس‌زمینه را سفید تنظیم می‌کنیم */
color: #333; /* رنگ متن را تیره می‌کنیم */
}
/* تغییرات مربوط به هدینگ‌ها */
h1 {
font-size: 2em;
margin-bottom: 0.5em; /* فاصله پایین را تنظیم می‌کنیم */
}
توضیح خط به خط کد
body { شروع بخش CSS مربوط به عنصر body.
background-color: #fff; رنگ پس‌زمینه را سفید تنظیم می‌کنیم.
color: #333; رنگ متن را به خاکستری تیره تنظیم می‌کنیم.
} پایان بخش CSS مربوط به عنصر body.
/* تغییرات مربوط به هدینگ‌ها */ این یک نظر است که به تغییرات مربوط به هدینگ‌ها اشاره دارد.
h1 { شروع بخش CSS مربوط به عنصر h1.
font-size: 2em; اندازه فونت هدینگ را دو برابر اندازه معمولی می‌کنیم.
margin-bottom: 0.5em; فاصله پایین هدینگ را تنظیم می‌کنیم.
} پایان بخش CSS مربوط به عنصر h1.