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

इसके लिए 3 विकल्प हैं। सबसे पहले, आप सामान्य सीएसएस का उपयोग कर सकते हैं। के <head> अनुभाग में CSS नियम जोड़कर

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