सीएसएस क्या है और इसका उपयोग कहां किया जाता है?

कैस्केडिंग स्टाइल शीट्स क्या हैं?

वेबसाइटों में छवियों, टेक्स्ट और विभिन्न दस्तावेजों सहित कई व्यक्तिगत टुकड़े शामिल हैं। इन दस्तावेजों में न केवल उन लोगों को शामिल किया गया है जिन्हें पीडीएफ फाइलों जैसे विभिन्न पृष्ठों से जोड़ा जा सकता है, लेकिन उन पृष्ठों को भी बनाने के लिए उपयोग किया जाता है, जो पेजों और सीएसएस (कैस्केडिंग स्टाइल शीट) दस्तावेजों की संरचना निर्धारित करने के लिए एचटीएमएल दस्तावेजों की तरह हैं। एक पृष्ठ के स्वरूप को निर्देशित करने के लिए। यह आलेख सीएसएस में पहुंचाएगा, जिसमें यह शामिल है और आज इसका उपयोग वेबसाइटों पर किया जाता है।

एक सीएसएस इतिहास सबक

सीएसएस को पहली बार वेब डेवलपर्स के वेब पेजों की दृश्य उपस्थिति को परिभाषित करने के लिए एक तरीका के रूप में विकसित किया गया था जो वे बना रहे थे। इसका उद्देश्य वेब पेशेवरों को दृश्य डिजाइन से किसी वेबसाइट के कोड की सामग्री और संरचना को अलग करने की अनुमति देना था, जो इस समय से पहले संभव नहीं था।

संरचना और शैली को अलग करने से HTML को उस फ़ंक्शन का अधिक प्रदर्शन करने की अनुमति मिलती है जो मूल रूप से - पृष्ठ के डिज़ाइन और लेआउट के बारे में चिंता किए बिना सामग्री के मार्कअप पर आधारित होती है, जिसे आमतौर पर "देखो और महसूस" के रूप में जाना जाता है। पृष्ठ का

सीएसएस को लगभग 2000 तक लोकप्रियता में लाभ नहीं हुआ, जब वेब ब्राउज़र ने इस मार्कअप भाषा के मूल फ़ॉन्ट और रंग पहलुओं से अधिक उपयोग करना शुरू किया। आज, सभी आधुनिक ब्राउज़र सीएसएस स्तर 1 का समर्थन करते हैं, अधिकांश सीएसएस स्तर 2, और सीएसएस स्तर 3 के अधिकांश पहलुओं का भी समर्थन करते हैं। चूंकि सीएसएस विकसित होता जा रहा है और नई शैलियों को पेश किया गया है, वेब ब्राउजर ने उन मॉड्यूल को लागू करना शुरू कर दिया है जो उन ब्राउज़रों में नए सीएसएस समर्थन लाते हैं और वेब डिज़ाइनरों को काम करने के लिए शक्तिशाली नए स्टाइल टूल देते हैं।

पिछले कई वर्षों में, चुनिंदा वेब डिज़ाइनर थे जिन्होंने वेब साइटों के डिजाइन और विकास के लिए सीएसएस का उपयोग करने से इंकार कर दिया था, लेकिन यह अभ्यास आज उद्योग से ही चला गया है। सीएसएस अब वेब डिज़ाइन में व्यापक रूप से उपयोग किया जाने वाला मानक है और आपको उस उद्योग में काम करने वाले किसी भी व्यक्ति को खोजने के लिए कड़ी मेहनत की जाएगी, जिसकी इस भाषा की कम से कम बुनियादी समझ नहीं थी।

सीएसएस एक संक्षिप्त है

जैसा कि पहले से उल्लेख किया गया है, शब्द सीएसएस "कैस्केडिंग स्टाइल शीट" के लिए है। आइए इस वाक्यांश को थोड़ा और अधिक स्पष्ट रूप से समझाएं कि ये दस्तावेज़ क्या करते हैं।

शब्द "स्टाइल शीट" दस्तावेज़ को ही संदर्भित करता है (जैसे एचटीएमएल, सीएसएस फाइलें वास्तव में केवल टेक्स्ट दस्तावेज हैं जिन्हें विभिन्न प्रकार के कार्यक्रमों के साथ संपादित किया जा सकता है)। स्टाइल शीट का उपयोग कई वर्षों तक दस्तावेज़ डिजाइन के लिए किया गया है। वे एक लेआउट के लिए तकनीकी विनिर्देश हैं, चाहे प्रिंट या ऑनलाइन हों। प्रिंट डिज़ाइनरों ने लंबे समय तक स्टाइल शीट का उपयोग किया है ताकि यह सुनिश्चित किया जा सके कि उनके डिज़ाइन बिल्कुल उनके विनिर्देशों के लिए मुद्रित हैं। किसी वेब पेज के लिए स्टाइल शीट एक ही उद्देश्य प्रदान करता है, लेकिन वेब ब्राउजर को यह भी बताते हुए जोड़ा गया है कि दस्तावेज़ को कैसे प्रस्तुत किया जाए। आज, सीएसएस स्टाइल शीट मीडिया के विभिन्न उपकरणों और स्क्रीन आकारों के तरीके को बदलने के तरीके को बदलने के लिए मीडिया प्रश्नों का भी उपयोग कर सकती है। यह अविश्वसनीय रूप से महत्वपूर्ण है क्योंकि यह उपयोग करने के लिए उपयोग की जा रही स्क्रीन के अनुसार एक HTML दस्तावेज़ को अलग-अलग प्रस्तुत करने की अनुमति देता है।

कैस्केड शब्द "कैस्केडिंग स्टाइल शीट" का वास्तव में विशेष हिस्सा है। एक वेब स्टाइल शीट का उद्देश्य उस शीट में शैलियों की एक श्रृंखला के माध्यम से झरना है, जैसे झरने पर नदी। नदी में पानी झरने में सभी चट्टानों को हिट करता है, लेकिन नीचे के तल पर केवल वही प्रभाव पड़ता है जहां पानी बह जाएगा। वेबसाइट स्टाइल शीट्स में कैस्केड के बारे में भी यही सच है।

प्रत्येक वेब पेज कम से कम एक स्टाइल शीट से प्रभावित होता है, भले ही वेब डिज़ाइनर किसी शैलियों को लागू न करे। यह स्टाइल शीट उपयोगकर्ता एजेंट स्टाइल शीट है - जिसे डिफ़ॉल्ट ब्राउज़र के रूप में भी जाना जाता है जिसे वेब ब्राउज़र किसी पृष्ठ को प्रदर्शित करने के लिए उपयोग करेगा यदि कोई अन्य निर्देश प्रदान नहीं किया जाता है। उदाहरण के लिए, डिफ़ॉल्ट हाइपरलिंक्स द्वारा नीले रंग में स्टाइल किया जाता है और वे रेखांकित होते हैं। वे शैलियों वेब ब्राउज़र की डिफ़ॉल्ट स्टाइल शीट से आती हैं। यदि वेब डिज़ाइनर अन्य निर्देश प्रदान करता है, हालांकि, ब्राउज़र को यह जानने की आवश्यकता होगी कि कौन से निर्देशों की प्राथमिकता है। सभी ब्राउज़रों की अपनी डिफ़ॉल्ट शैलियों होती है, लेकिन उनमें से कई डिफ़ॉल्ट (जैसे नीले रेखांकित टेक्स्ट लिंक) सभी या अधिकांश प्रमुख ब्राउज़रों और संस्करणों में साझा की जाती हैं।

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

सीएसएस कहां इस्तेमाल किया जाता है?

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

सीएसएस महत्वपूर्ण क्यों है?

सीएसएस सबसे शक्तिशाली टूल में से एक है जो वेब डिज़ाइनर सीख सकता है क्योंकि इसके साथ आप किसी वेबसाइट की संपूर्ण दृश्य उपस्थिति को प्रभावित कर सकते हैं। अच्छी तरह लिखित स्टाइल शीट को जल्दी से अपडेट किया जा सकता है और स्क्रीन पर दृश्यमान रूप से प्राथमिकता वाले साइटों को बदलने की अनुमति देता है, जो बदले में अंतर्निहित HTML मार्कअप में किए जाने वाले किसी भी बदलाव के बिना मूल्य दिखाता है और आगंतुकों पर ध्यान केंद्रित करता है।

सीएसएस की मुख्य चुनौती यह है कि सीखने के लिए काफी कुछ है - और ब्राउज़रों के साथ हर दिन बदलते हुए, आज अच्छी तरह से क्या काम करता है, कल समझ में नहीं आ सकता है क्योंकि नई शैलियों का समर्थन हो रहा है और दूसरों को एक कारण या किसी अन्य कारण से छोड़ दिया गया है ।

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

जेनिफर क्रिनिन द्वारा मूल लेख। 7/5/17 को जेरेमी गिरार्ड द्वारा संपादित,