CSS Comment क्या है?

CSS Comment वह टेक्स्ट होता है जिसे CSS कोड के अंदर जानकारी (Notes) देने के लिए लिखा जाता है। यह केवल Developer के लिए होता है। Browser इसे प्रदर्शित (Display) नहीं करता।

परिभाषा (Definition):
CSS Comments ऐसे नोट्स होते हैं जिनका उपयोग कोड को समझाने, व्यवस्थित करने तथा भविष्य में आसानी से संशोधित (Modify) करने के लिए किया जाता है।

CSS Comment का Syntax

/* This is a CSS Comment */

ध्यान दें: Comment हमेशा /* से शुरू होता है और */ पर समाप्त होता है।

CSS Comment का उदाहरण

/* Heading Color */

h1{
    color: blue;
}

Output: Heading का रंग Blue दिखाई देगा।

दूसरा उदाहरण

/* Background Color */

body{
    background-color: lightyellow;
}

Output: पूरे Web Page का Background हल्का पीला (Light Yellow) हो जाएगा।

Multi-Line Comment

यदि Comment एक से अधिक पंक्तियों में लिखना हो, तो Multi-Line Comment का उपयोग किया जाता है।

/*
Website Header
CSS Starts Here
*/

header{
    background-color: navy;
}

CSS Comments का उपयोग (Uses)

Code को समझने के लिए।
Code को व्यवस्थित (Organize) करने के लिए।
बड़े Project में अलग-अलग Sections बनाने के लिए।
Team Work में सुविधा के लिए।
Future में Code Edit करने के लिए।
Debugging के समय सहायता के लिए।

सही और गलत तरीका

❌ गलत

// This is Comment

✅ सही

/* This is Comment */

Practical Example









Welcome to UICT

Today we are learning CSS Comments.

महत्वपूर्ण बातें (Important Points)

CSS Comment Browser में दिखाई नहीं देता।
Comment केवल Developer के लिए होता है।
Comment लिखने से Website के Design पर कोई प्रभाव नहीं पड़ता।
CSS में // का उपयोग Comment के लिए नहीं किया जाता।
सही Comment /* */ के अंदर लिखा जाता है।

Viva Questions

Q1. CSS Comment क्या होता है?
Ans: CSS Comment एक नोट होता है जो Code को समझाने के लिए लिखा जाता है।

Q2. CSS Comment का Syntax क्या है?
Ans:

/* Comment */

Q3. क्या Browser CSS Comment को Display करता है?
Ans: नहीं।

Q4. CSS में // Comment क्यों नहीं चलता?
Ans: क्योंकि CSS केवल /* */ वाले Comment को ही स्वीकार करती है।

Q5. CSS Comment का मुख्य उद्देश्य क्या है?
Ans: Code को समझना, व्यवस्थित करना और भविष्य में आसानी से संशोधित करना।

अभ्यास (Practice)

निम्न कार्य स्वयं करें:

एक HTML Page बनाइए।
उसमें Heading और Paragraph जोड़िए।
CSS की सहायता से Background Color बदलिए।
Heading का Color बदलिए।
Paragraph का Font Size बदलें।
प्रत्येक CSS Section के ऊपर Comment लिखिए।

Home Assignment

CSS Comment क्या है?
CSS Comment का Syntax लिखिए।
Single-Line Comment का उदाहरण लिखिए।
Multi-Line Comment का उदाहरण लिखिए।
CSS Comments के पाँच उपयोग लिखिए।
Browser CSS Comments को क्यों नहीं दिखाता?
CSS में // और /* */ में क्या अंतर है?
एक Web Page बनाइए जिसमें कम से कम 10 CSS Comments का उपयोग किया गया हो।

निष्कर्ष (Conclusion)

CSS Comments कोड को साफ, व्यवस्थित और समझने योग्य बनाते हैं। ये केवल Developer के लिए लिखे जाते हैं और Browser इन्हें प्रदर्शित नहीं करता। बड़े प्रोजेक्ट में CSS Comments का उपयोग करना एक अच्छी Programming Practice माना जाता है।

CSS Notes – CSS Comments (Student Notes)