CSS एक कैस्केडिंग स्टाइल शीट है जिसका उपयोग इंटरनेट संसाधन पृष्ठ पर दृश्य तत्व बनाने के लिए किया जाता है। CSS में निर्दिष्ट वस्तुओं का प्रतिपादन HTML मार्कअप भाषा में कार्यान्वित किया जाता है। कैस्केडिंग टेबल का अकेले इस्तेमाल नहीं किया जा सकता है।
सीएसएस का उपयोग करना
CSS एक शैली भाषा है जो HTML मार्कअप तत्वों के प्रतिपादन को लागू करती है। कैस्केडिंग टेबल आपको उन विकल्पों को अनुकूलित करने की अनुमति देते हैं जिन्हें HTML में बदला नहीं जा सकता है। उदाहरण के लिए, शैली भाषा का उपयोग करके, आप फ़ॉन्ट शैली, रंग संपादित कर सकते हैं। CSS आपको मार्जिन, लाइन, पैडिंग, चौड़ाई, स्थिति तत्वों को सेट करने और उन मापदंडों के आउटपुट को निष्पादित करने की अनुमति देता है जिन्हें "शुद्ध" HTML का उपयोग करके लागू करना असंभव है।
कैस्केडिंग स्टाइल शीट लगभग सभी ब्राउज़रों द्वारा समर्थित हैं और लगभग किसी भी वेब संसाधन पर उपयोग की जाती हैं। वे एक निर्दिष्ट भाषा का उपयोग करके सामग्री के प्रदर्शन को नियंत्रित करते हैं और आपको विभिन्न मीडिया के लिए आइटम के प्रदर्शन को नियंत्रित करने की अनुमति देते हैं।
यदि HTML का उपयोग केवल किसी पृष्ठ के पाठ को संरचित करने के साधन के रूप में किया जाता है, तो CSS आपको प्रदर्शित सामग्री के प्रदर्शन को अनुकूलित करने की अनुमति देता है।
CSS सिंटैक्स और HTML कोड में इसका समावेश
एक पेज डिजाइन करते समय, एचटीएमएल टूल्स पर सीएसएस का उपयोग करना बेहतर होता है। तथ्य यह है कि HTML के पास शुरू में तत्वों के रंग को संपादित करने के लिए साधन नहीं थे और इसका उद्देश्य रंग और प्रदर्शन पैरामीटर सेट करना नहीं था, और इसलिए कुछ वेब डेवलपर्स द्वारा डिज़ाइन बनाने के लिए HTML डिस्क्रिप्टर का उपयोग गलत माना जा सकता है।
CSS में HTML की तुलना में एक अलग सिंटैक्स होता है और टैग के माध्यम से पेज कोड में शामिल होता है। आप पैरामीटर टैग का उपयोग करके एक अलग फ़ाइल में मौजूद CSS कोड को भी एकीकृत कर सकते हैं:
सीएसएस-कोड का एक निश्चित सिंटैक्स होता है, जिसका कड़ाई से पालन किया जाना चाहिए, अन्यथा उत्पन्न शैलियों को पृष्ठ पर प्रदर्शित नहीं किया जाएगा। CSS कोड के एक भाग को 3 मुख्य तत्वों में विभाजित किया जा सकता है: चयनकर्ता, गुण और मूल्य। ये आइटम इस प्रकार लिखे गए हैं:
चयनकर्ता {संपत्ति: मूल्य; }
चयनकर्ता उस हैंडल को निर्दिष्ट करता है जिस पर जनरेट किया गया प्रदर्शन नियम लागू होता है। गुण पैरामीटर तत्व के संपादन योग्य पहलू को परिभाषित करता है, और मान गुण के लिए संबंधित विकल्प को परिभाषित करता है। उदाहरण के लिए, दूसरे स्तर के शीर्षक में रंग बदलने के लिए
एचटीएमएल, आप निम्न कोड लागू कर सकते हैं:
h2 {रंग: लाल; }
यह कोड टेक्स्ट के रंग को लाल रंग में सेट करता है, जो दूसरे स्तर के हेडिंग डिस्क्रिप्टर में स्थित होता है।
CSS मानक HTML रंग तालिका का उपयोग करता है।
टैग का उपयोग करने के अलावा, आप आंतरिक टैग का भी उपयोग कर सकते हैं। उदाहरण के लिए:
शीर्षक
यह कोड ऊपर वर्णित के समान है, इस अंतर के साथ कि सीएसएस पैरामीटर स्वयं संपादन के लिए आवश्यक डिस्क्रिप्टर के अंदर सेट किए गए थे।
