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