कैस्केडिंग स्टाइल शीट्स के शीर्ष लाभ

व्यापक शैली पत्रक कई लाभ हैं। वे आपको अपनी संपूर्ण वेबसाइट पर समान स्टाइल शीट का उपयोग करने की अनुमति देते हैं। इसे करने के दो तरीके हैं:

लिंक तत्व के साथ लिंक करना

@import कमांड के साथ आयात करना

बाहरी स्टाइल शीट के फायदे और नुकसान

. के बारे में सबसे अच्छी चीजों में से एक व्यापक शैली पत्रक यह है कि आप उनका उपयोग अपनी साइट को सुसंगत रखने के लिए कर सकते हैं। ऐसा करने का सबसे आसान तरीका बाहरी स्टाइल शीट को लिंक या आयात करना है। यदि आप अपनी साइट के प्रत्येक पृष्ठ के लिए समान बाहरी स्टाइल शीट का उपयोग करते हैं, तो आप सुनिश्चित हो सकते हैं कि सभी पृष्ठ समान होंगे शैलियों.

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

instagram viewer

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

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

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

हर बार जब आप एक नई सीएसएस फ़ाइल बनाते हैं और इसे अपने दस्तावेज़ में लिंक या आयात करते हैं, तो वेब ब्राउज़र को फ़ाइल प्राप्त करने के लिए वेब सर्वर पर एक और कॉल करने की आवश्यकता होती है। और सर्वर कॉल धीमा पेज लोड समय।

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

बाहरी स्टाइल शीट कैसे बनाएं

बाहरी स्टाइल शीट उसी तरह लिखी जाती हैं जैसे एम्बेडेड और इनलाइन स्टाइल शीट। लेकिन आपको केवल शैली लिखने की ज़रूरत है चयनकर्ता और यह घोषणा. आपको दस्तावेज़ में STYLE तत्व या विशेषता की आवश्यकता नहीं है।

अन्य सभी की तरह सीएसएस, एक नियम के लिए वाक्य रचना है:

चयनकर्ता { संपत्ति: मूल्य; }

ये नियम एक्सटेंशन वाली टेक्स्ट फ़ाइल में लिखे गए हैं।

सीएसएस

. उदाहरण के लिए, आप अपनी स्टाइल शीट को नाम दे सकते हैं।

शैलियाँ.सी.एस.एस.

CSS दस्तावेज़ों को लिंक करना

स्टाइल शीट को लिंक करने के लिए, आप लिंक तत्व का उपयोग करते हैं। इसमें rel और href विशेषताएँ हैं। रिले विशेषता ब्राउज़र को बताती है कि आप क्या लिंक कर रहे हैं (इस मामले में एक स्टाइल शीट) और href विशेषता सीएसएस फ़ाइल का पथ रखती है।

एक वैकल्पिक विशेषता प्रकार भी है जिसका उपयोग आप लिंक किए गए दस्तावेज़ के MIME प्रकार को परिभाषित करने के लिए कर सकते हैं। HTML5 में इसकी आवश्यकता नहीं है, लेकिन HTML 4 दस्तावेज़ों में इसका उपयोग किया जाना चाहिए।

यहाँ वह कोड है जिसका उपयोग आप Styles.css नामक CSS स्टाइल शीट को लिंक करने के लिए करेंगे:

और एक HTML 4 दस्तावेज़ में आप लिखेंगे:

टाइप = "टेक्स्ट/सीएसएस">

CSS स्टाइल शीट आयात करना

आयातित स्टाइल शीट्स को STYLE एलिमेंट में रखा गया है। आप चाहें तो एम्बेडेड शैलियों का भी उपयोग कर सकते हैं। आप लिंक की गई स्टाइल शीट के अंदर आयातित शैलियों को भी शामिल कर सकते हैं। स्टाइल या सीएसएस दस्तावेज़ के अंदर, लिखें:

@आयात यूआरएल (' http://www.yoursite.com/styles.css');