वेबसाइटों में कई अलग-अलग टुकड़े शामिल हैं, जिनमें चित्र, पाठ और विभिन्न दस्तावेज़ शामिल हैं। इन दस्तावेज़ों में न केवल वे दस्तावेज़ शामिल हैं जो विभिन्न पृष्ठों से लिंक किए जा सकते हैं, जैसे कि PDF फ़ाइलें, बल्कि वे दस्तावेज़ भी जो स्वयं पृष्ठों के निर्माण के लिए उपयोग किए जाते हैं, जैसे एचटीएमएल दस्तावेज़ एक पृष्ठ की संरचना और सीएसएस (कैस्केडिंग स्टाइल शीट) दस्तावेजों को निर्धारित करने के लिए एक पृष्ठ के रूप को निर्धारित करने के लिए। यह लेख CSS में तल्लीन होगा, जिसमें यह बताया गया है कि यह क्या है और आज वेबसाइटों पर इसका उपयोग कहाँ किया जाता है।
एक सीएसएस इतिहास पाठ
CSS को पहली बार 1997 में वेब डेवलपर्स के लिए उन वेब पेजों की दृश्य उपस्थिति को परिभाषित करने के लिए विकसित किया गया था जो वे बना रहे थे। इसका उद्देश्य वेब पेशेवरों को अनुमति देना था सामग्री को अलग करें और विज़ुअल डिज़ाइन से वेबसाइट के कोड की संरचना, कुछ ऐसा जो इस समय से पहले संभव नहीं था।
संरचना और शैली का पृथक्करण HTML को उस कार्य के अधिक प्रदर्शन करने की अनुमति देता है जिस पर यह मूल रूप से आधारित था - का मार्कअप सामग्री, पृष्ठ के डिज़ाइन और लेआउट के बारे में चिंता किए बिना, जिसे आमतौर पर "लुक एंड फील" के रूप में जाना जाता है पृष्ठ।
सीएसएस का विकास
CSS को 2000 के आसपास तब तक लोकप्रियता नहीं मिली जब वेब ब्राउज़र ने इस मार्कअप भाषा के मूल फ़ॉन्ट और रंग पहलुओं से अधिक का उपयोग करना शुरू किया। आज, सभी आधुनिक ब्राउज़र सभी CSS स्तर 1, अधिकांश CSS स्तर 2, और यहाँ तक कि CSS स्तर 3 के अधिकांश पहलुओं का समर्थन करते हैं। जैसे-जैसे CSS का विकास जारी है और नई शैलियाँ पेश की गई हैं, वेब ब्राउज़र ने मॉड्यूल को लागू करना शुरू कर दिया है जो उन ब्राउज़रों में नया सीएसएस समर्थन लाते हैं और वेब डिजाइनरों को काम करने के लिए शक्तिशाली नए स्टाइलिंग टूल देते हैं साथ से।
पिछले (कई) वर्षों में, कुछ चुनिंदा वेब डिज़ाइनर थे जिन्होंने सीएसएस का उपयोग करने से इनकार कर दिया था वेबसाइटों का डिजाइन और विकास, लेकिन वह प्रथा आज उद्योग से दूर हो गई है। CSS अब वेब डिज़ाइन में व्यापक रूप से उपयोग किया जाने वाला मानक है और आज उद्योग में काम करने वाले किसी भी व्यक्ति को खोजने के लिए आपको कड़ी मेहनत करनी पड़ेगी, जिसे इस भाषा की कम से कम बुनियादी समझ नहीं है।
CSS एक संक्षिप्त नाम है
जैसा कि पहले ही उल्लेख किया गया है, CSS शब्द का अर्थ "कैस्केडिंग स्टाइल शीट" है। आइए इस वाक्यांश को थोड़ा और पूरी तरह से समझाने के लिए तोड़ दें कि ये दस्तावेज़ क्या करते हैं।
शब्द "स्टाइलशीट" दस्तावेज़ को ही संदर्भित करता है (जैसे HTML, CSS फ़ाइलें वास्तव में केवल टेक्स्ट दस्तावेज़ हैं जिन्हें विभिन्न कार्यक्रमों के साथ संपादित किया जा सकता है)। कई वर्षों से दस्तावेज़ डिजाइन के लिए स्टाइल शीट का उपयोग किया गया है। वे एक लेआउट के लिए तकनीकी विनिर्देश हैं, चाहे वह प्रिंट हो या ऑनलाइन। प्रिंट डिजाइनरों ने लंबे समय तक स्टाइल शीट का उपयोग किया है ताकि यह सुनिश्चित हो सके कि उनके डिजाइन उनके विनिर्देशों के लिए बिल्कुल मुद्रित हैं। एक वेब पेज के लिए एक स्टाइल शीट एक ही उद्देश्य को पूरा करती है, लेकिन वेब ब्राउज़र को यह बताने की अतिरिक्त कार्यक्षमता के साथ कि देखे जा रहे दस्तावेज़ को कैसे प्रस्तुत किया जाए। आज, CSS स्टाइल शीट भी उपयोग कर सकते हैं मीडिया के प्रश्नों पेज को देखने का तरीका बदलने के लिए विभिन्न डिवाइस और स्क्रीन आकार. यह अविश्वसनीय रूप से महत्वपूर्ण है क्योंकि यह एक एकल HTML दस्तावेज़ को उस तक पहुँचने के लिए उपयोग की जा रही स्क्रीन के अनुसार अलग-अलग तरीके से प्रस्तुत करने की अनुमति देता है।
झरना "कैस्केडिंग स्टाइल शीट" शब्द का वास्तव में विशेष हिस्सा है। एक वेब स्टाइल शीट उस चादर में शैलियों की एक श्रृंखला के माध्यम से झरना करने का इरादा है, एक झरने के ऊपर एक नदी की तरह। नदी का पानी झरने की सभी चट्टानों से टकराता है, लेकिन केवल नीचे वाले ही प्रभावित करते हैं कि पानी कहाँ बहेगा। वेबसाइट स्टाइल शीट में कैस्केड का भी यही हाल है।
डिज़ाइनर स्टाइल शीट्स ब्राउज़र की डिफ़ॉल्ट स्टाइल शीट्स को ओवरराइड करती हैं
प्रत्येक वेब पेज कम से कम एक स्टाइल शीट से प्रभावित होता है, भले ही वेब डिज़ाइनर कोई स्टाइल लागू न करे। यह स्टाइल शीट है उपयोगकर्ता एजेंट स्टाइल शीट - डिफ़ॉल्ट शैलियों के रूप में भी जाना जाता है जो वेब ब्राउज़र किसी पृष्ठ को प्रदर्शित करने के लिए उपयोग करेगा यदि कोई अन्य निर्देश प्रदान नहीं किया गया है। उदाहरण के लिए, डिफ़ॉल्ट रूप से हाइपरलिंक नीले रंग में स्टाइल किए जाते हैं और उन्हें रेखांकित किया जाता है। वे शैलियाँ वेब ब्राउज़र की डिफ़ॉल्ट स्टाइल शीट से आती हैं। यदि वेब डिज़ाइनर अन्य निर्देश प्रदान करता है, हालांकि, ब्राउज़र को यह जानना होगा कि किन निर्देशों की प्राथमिकता है। सभी ब्राउज़रों की अपनी डिफ़ॉल्ट शैलियाँ होती हैं, लेकिन उनमें से कई डिफ़ॉल्ट (जैसे नीले रेखांकित टेक्स्ट लिंक) सभी या अधिकांश प्रमुख ब्राउज़रों और संस्करणों में साझा की जाती हैं।
ब्राउज़र डिफ़ॉल्ट के एक अन्य उदाहरण के लिए, हमारे वेब ब्राउज़र में, डिफ़ॉल्ट फ़ॉन्ट है "टाइम्स न्यू रोमन"आकार 16 पर प्रदर्शित। हालाँकि, हम उस फ़ॉन्ट परिवार और आकार में डिस्प्ले पर जाने वाले लगभग किसी भी पृष्ठ पर नहीं जाते हैं। ऐसा इसलिए है क्योंकि कैस्केड परिभाषित करता है कि दूसरी शैली की चादरें, जो स्वयं डिजाइनरों द्वारा निर्धारित की जाती हैं, को फिर से परिभाषित करने के लिए फ़ॉन्ट आकार और परिवार, हमारे वेब ब्राउज़र के डिफ़ॉल्ट को ओवरराइड करते हुए। वेब पेज के लिए आपके द्वारा बनाई गई किसी भी स्टाइल शीट में ब्राउज़र की डिफ़ॉल्ट शैलियों की तुलना में अधिक विशिष्टता होगी, इसलिए वे डिफ़ॉल्ट केवल तभी लागू होंगे जब आपकी स्टाइलशीट उन्हें ओवरराइड न करे। यदि आप चाहते हैं कि लिंक नीले और रेखांकित हों, तो आपको कुछ भी करने की आवश्यकता नहीं है क्योंकि यह डिफ़ॉल्ट है, लेकिन अगर आपकी साइट की CSS फ़ाइल कहती है कि लिंक हरे होने चाहिए, तो वह रंग डिफ़ॉल्ट नीले रंग को ओवरराइड कर देगा। इस उदाहरण में रेखांकन रहेगा क्योंकि आपने अन्यथा निर्दिष्ट नहीं किया है।
सीएसएस का उपयोग कहाँ किया जाता है?
CSS का उपयोग यह परिभाषित करने के लिए भी किया जा सकता है कि वेब पेजों को कैसे दिखना चाहिए जब उन्हें a. के अलावा अन्य मीडिया में देखा जाए वेब ब्राउज़र. उदाहरण के लिए, आप एक प्रिंट स्टाइल शीट बना सकते हैं जो परिभाषित करेगी कि वेब पेज को कैसे प्रिंट करना चाहिए। क्योंकि वेब पेज आइटम जैसे नेविगेशन बटन या वेब फॉर्म का मुद्रित पृष्ठ पर कोई उद्देश्य नहीं होगा, एक प्रिंट स्टाइल शीट का उपयोग उन क्षेत्रों को "बंद" करने के लिए किया जा सकता है जब कोई पृष्ठ मुद्रित होता है। जबकि कई साइटों पर वास्तव में एक सामान्य प्रथा नहीं है, प्रिंट स्टाइल शीट बनाने का विकल्प शक्तिशाली और आकर्षक है (हमारे में अनुभव — अधिकांश वेब पेशेवर ऐसा केवल इसलिए नहीं करते हैं क्योंकि साइट के बजट के दायरे में इस अतिरिक्त कार्य की आवश्यकता नहीं होती है सामाप्त करो)।
सीएसएस महत्वपूर्ण क्यों है?
CSS सबसे शक्तिशाली टूल में से एक है जिसे एक वेब डिज़ाइनर सीख सकता है क्योंकि इसके साथ आप किसी वेबसाइट के संपूर्ण दृश्य स्वरूप को प्रभावित कर सकते हैं। अच्छी तरह से लिखी गई स्टाइल शीट को जल्दी से अपडेट किया जा सकता है और साइटों को उन चीजों को बदलने की अनुमति देता है जिन्हें दृष्टि से प्राथमिकता दी जाती है स्क्रीन, जो बदले में आगंतुकों के लिए मूल्य और फोकस दिखाती है, बिना किसी बदलाव की आवश्यकता होती है आधारभूत एचटीएमएल मार्कअप.
CSS की मुख्य चुनौती यह है कि सीखने के लिए काफी कुछ है - और हर दिन ब्राउज़र बदलने के साथ, जो आज अच्छा काम करता है हो सकता है कि कल का कोई मतलब न हो क्योंकि नई शैलियों का समर्थन हो जाता है और अन्य एक कारण से छोड़ दिए जाते हैं या पक्ष से बाहर हो जाते हैं या दूसरा।
CSS लर्निंग कर्व इज़ वर्थ इट
चूंकि सीएसएस कैस्केड और गठबंधन कर सकता है, और यह देखते हुए कि विभिन्न ब्राउज़र अलग-अलग निर्देशों की व्याख्या और कार्यान्वयन कैसे कर सकते हैं, सीएसएस को सादे HTML से सीखना अधिक कठिन हो सकता है। CSS ब्राउज़र में इस तरह से भी बदलता है जैसे HTML वास्तव में नहीं करता है। एक बार जब आप सीएसएस का उपयोग करना शुरू कर देते हैं, तो आप देखेंगे कि स्टाइल शीट की शक्ति का उपयोग करने से आपको अविश्वसनीय लचीलापन मिलेगा कि आप वेब पेजों को कैसे लेआउट करते हैं और उनके स्वरूप और अनुभव को परिभाषित करते हैं। रास्ते में, आप उन शैलियों और दृष्टिकोणों का एक "चाल का थैला" जमा करेंगे जो अतीत में आपके लिए काम कर चुके हैं और जिन्हें आप फिर से बदल सकते हैं नए वेब पेज बनाएं भविष्य में।