हर वेबसाइट संरचनात्मक, कार्यात्मक और शैलीगत तत्वों से बनी होती है। व्यापक शैली पत्रक एक वेबसाइट की उपस्थिति ("लुक एंड फील") को निर्देशित करें। इन शैलियों को अद्यतन करने में आसानी और वेब मानकों के अनुपालन की अनुमति देने के लिए HTML संरचना से अलग रखा गया है।
स्टाइलशीट के साथ समस्या
आज कई वेबसाइटों के आकार और जटिलता के साथ, स्टाइलशीट काफी लंबी और बोझिल हो सकती है। यह समस्या अब जटिलता में बढ़ गई है कि मीडिया के प्रश्नों के लिये उत्तरदायी वेबसाइट शैलियाँ डिज़ाइन का एक अनिवार्य हिस्सा हैं, यह सुनिश्चित करते हुए कि एक वेबसाइट वैसी ही दिखे जैसी उसे डिवाइस की परवाह किए बिना दिखना चाहिए। केवल वे मीडिया प्रश्न ही CSS दस्तावेज़ में महत्वपूर्ण संख्या में नई शैलियाँ जोड़ सकते हैं, जिससे उनके साथ काम करना और भी कठिन हो जाता है। इस जटिलता का प्रबंधन वह जगह है जहाँ CSS टिप्पणियाँ वेबसाइट डिजाइनरों और डेवलपर्स के लिए एक अमूल्य मदद बन सकती हैं।
टिप्पणियाँ संरचना और स्पष्टता जोड़ें
किसी वेबसाइट की सीएसएस फाइलों में टिप्पणियां जोड़ना उस कोड के अनुभागों को एक मानव पाठक के लिए व्यवस्थित करता है जो दस्तावेज़ की समीक्षा करता है। यह तब भी निरंतरता सुनिश्चित करता है जब एक वेब पेशेवर वहीं से शुरू करता है जहां दूसरा छोड़ता है, या जब लोगों की टीम किसी साइट पर काम करती है।
अच्छी तरह से स्वरूपित टिप्पणियां स्टाइलशीट के महत्वपूर्ण पहलुओं को एक टीम के सदस्यों को बताती हैं जो कोड से परिचित नहीं हो सकते हैं। ये टिप्पणियां उन लोगों के लिए भी सहायक हैं, जिन्होंने पहले साइट पर काम किया है लेकिन हाल ही में नहीं किया है; वेब डिज़ाइनर आमतौर पर कई साइटों पर काम करते हैं, और एक से दूसरी तक की डिज़ाइन रणनीतियों को याद रखना मुश्किल होता है।
केवल पेशेवरों की आंखों के लिए
जब पृष्ठ प्रस्तुत होता है तो CSS टिप्पणियाँ प्रदर्शित नहीं होती हैं वेब ब्राउज़र्स. वे टिप्पणियां केवल सूचनात्मक हैं, जैसे HTML टिप्पणियाँ हैं (हालांकि वाक्य रचना अलग है)। ये CSS टिप्पणियाँ किसी भी तरह से किसी साइट के दृश्य प्रदर्शन को प्रभावित नहीं करती हैं।
सीएसएस टिप्पणियाँ जोड़ना
CSS कमेंट जोड़ना काफी आसान है। सही उद्घाटन और समापन टिप्पणी टैग के साथ अपनी टिप्पणी बुक करें:
जोड़कर अपनी टिप्पणी शुरू करें /* और इसे बंद करें */.
इन दो टैगों के बीच जो कुछ भी दिखाई देता है वह टिप्पणी की सामग्री है, केवल कोड में दिखाई देता है और ब्राउज़र द्वारा प्रस्तुत नहीं किया जाता है।
एक CSS टिप्पणी कितनी भी पंक्तियाँ ले सकती है। यहाँ दो उदाहरण हैं:
/* लाल सीमा उदाहरण */
डिव#बॉर्डर_रेड {
सीमा: पतली ठोस लाल;
}
/***************************
****************************
कोड पाठ के लिए शैली
****************************
***************************/
खंड तोड़ना
कई डिज़ाइनर स्टाइलशीट को छोटे, आसानी से पचने योग्य टुकड़ों में व्यवस्थित करते हैं जिन्हें पढ़ते समय स्कैन करना आसान होता है। आम तौर पर, आप टिप्पणियों से पहले और उसके बाद हाइफ़न की श्रृंखला देखेंगे जो देखने में आसान पृष्ठ में बड़े, स्पष्ट ब्रेक बनाते हैं। यहाँ एक उदाहरण है:
/* हैडर शैलियाँ */
ये टिप्पणियाँ कोडिंग के एक नए खंड की शुरुआत का संकेत देती हैं।
टिप्पणी कोड
चूंकि टिप्पणी टैग ब्राउज़र को उनके बीच सब कुछ अनदेखा करने के लिए कहते हैं, इसलिए आप सीएसएस कोड के कुछ हिस्सों को अस्थायी रूप से अक्षम करने के लिए उनका उपयोग कर सकते हैं। जब आप डिबगिंग कर रहे हों, या वेबपेज फ़ॉर्मेटिंग समायोजित करते समय यह ट्रिक उपयोगी हो सकती है। वास्तव में, डिजाइनर अक्सर कोड के क्षेत्रों को "टिप्पणी करने" या "बंद" करने के लिए उनका उपयोग करते हैं, यह देखने के लिए कि क्या होता है यदि वह अनुभाग पृष्ठ का हिस्सा नहीं है।
आप जिस कोड पर टिप्पणी करना चाहते हैं उसके पहले प्रारंभिक टिप्पणी टैग जोड़ें (अक्षम करें); समापन टैग को उस स्थान पर रखें जहां आप अक्षम भाग को समाप्त करना चाहते हैं। उन टैगों के बीच कुछ भी साइट के दृश्य प्रदर्शन को प्रभावित नहीं करेगा, यह देखने के लिए कि समस्या कहाँ हो रही है, CSS को डीबग करने में आपकी मदद करता है। फिर आप अंदर जा सकते हैं और उस गड़बड़ को ठीक कर सकते हैं और फिर कोड से टिप्पणियों को हटा सकते हैं।
सीएसएस टिप्पणी युक्तियाँ
कई कोडर्स में कोड के साथ किसी भी नई फ़ाइल के शीर्ष पर टिप्पणी ब्लॉक शामिल होते हैं। मदद करने के लिए अपने नाम, प्रासंगिक तिथियों और संबंधित जानकारी के साथ एक टिप्पणी ब्लॉक शामिल करके उस रणनीति की नकल करें लोग एक परियोजना के संदर्भ को समझते हैं, न कि केवल एक विशिष्ट कोड के सापेक्ष क्या होता है, इसके बारे में निर्णय लेते हैं खंड मैथा।