सीएसएस कोड कैसे टिप्पणी करें

सीएसएस में टिप्पणियों का उपयोग कैसे करें।

आप या तो अपने लिए या अपनी टीम के सदस्यों के लिए कोड को संक्षेप में दस्तावेज़ (व्याख्या) करने के लिए CSS स्टाइलशीट के अंदर टिप्पणियाँ लिखते हैं।

CSS में टिप्पणियाँ लिखने के लिए हम निम्नलिखित सिंटैक्स/प्रारूप का उपयोग करते हैं:

/* This is a CSS comment */

/* */ प्रारूप केवल है सीएसएस में टिप्पणियाँ लिखने का तरीका, इसलिए इसका उपयोग एकल और बहु-पंक्ति टिप्पणियों दोनों के लिए किया जाता है।

/* 
   This is a 
   multi-line 
   CSS comment.
   Also known as a block comment.
*/

टिप्पणी करने . के लिए कमेंट सिंटैक्स का उपयोग करने वाले कुछ उदाहरण नियम-सेट के अंदर CSS कोड:

  .box {
    background-color: #000;
    padding: 1.5rem;
    /* border-radius: 4px; */ 
  }

  .box {
    background-color: #000;
    padding: 1.5rem; /*
    border-radius: 4px; 
    box-shadow: 5px 10px #888888;
    */
  }

व्यवहार में, टिप्पणियों का उपयोग दस्तावेज़ कोड और कभी-कभी टिप्पणी करने . दोनों के लिए किया जाता है (निष्क्रिय) परीक्षण के दौरान कुछ शैली घोषणाएं।

CSS टिप्पणियों को JavaScript टिप्पणियों के साथ भ्रमित न करें। जावास्क्रिप्ट में /* */ (सीएसएस के समान प्रारूप) का उपयोग बहु-पंक्तियों के लिए किया जाता है, जबकि एकल पंक्ति टिप्पणियाँ डबल फ़ॉरवर्ड स्लैश का उपयोग करती हैं // .

• एकल-पंक्ति वाली टिप्पणियों को इनलाइन भी कहा जाता है टिप्पणियाँ।
• बहु-पंक्ति टिप्पणियों को ब्लॉक भी कहा जाता है टिप्पणियाँ।

आपने कुछ प्रोजेक्ट देखे होंगे जहां वे // . का उपयोग कर रहे हैं उनके CSS कोड में सिंगल-लाइन टिप्पणियों के लिए। यदि आप थोड़ा करीब से देखते हैं तो आप देखेंगे कि वे एक सीएसएस प्रीप्रोसेसर का उपयोग कर रहे हैं, जैसे एसएएस/एससीएसएस, या कम, जो सिंगल-लाइन टिप्पणियों की अनुमति देता है - बिल्कुल जावास्क्रिप्ट की तरह। वेनिला . में (सादा) सीएसएस, दुर्भाग्य से हमारे पास केवल /* */ . है

क्या आपको अपने सीएसएस कोड में टिप्पणियां लिखनी चाहिए?

जैसा कि मैंने HTML ट्यूटोरियल पर टिप्पणी करने के तरीके में बताया, डेवलपर्स इस विषय पर असहमत हैं। कुछ का मानना ​​है कि आपका कोड स्पष्ट और आत्म-व्याख्यात्मक होना चाहिए।

मेरे लिए, विषय श्वेत-श्याम नहीं है। सभी टिप्पणियाँ समान नहीं लिखी जाती हैं। आपको अपने नवीनतम उपन्यास का मसौदा तैयार करने के लिए अपनी सीएसएस स्टाइलशीट का उपयोग नहीं करना चाहिए, लेकिन छोटी, संक्षिप्त टिप्पणियां टीम में शुरुआती या नए लोगों को यह समझने में मदद करने के लिए अंतर की दुनिया बना सकती हैं कि आपके कोड में क्या हो रहा है।

मैं स्पष्ट लूंगा अंतर्निहित . से अधिक किसी भी दिन।

अपनी टिप्पणियों के बारे में चिंता न करें जो बहुत अधिक स्थान लेती हैं और आपके पृष्ठ लोड को नुकसान पहुंचाती हैं। जब प्रदर्शन/पृष्ठ लोडिंग गति में सुधार की बात आती है, तो सामान्य रूप से टिप्पणियाँ, या पाठ, आखिरी चीज है जिसके बारे में आपको चिंता करनी चाहिए। इसके अलावा, ऐसे टूल भी हैं जो पोस्ट-प्रोसेसिंग के दौरान टिप्पणियों को हटा सकते हैं।