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

इस कोड को अंदर पेस्ट करें आपकी बाहरी स्टाइल शीट को लिंक करने के लिए आपकी HTML फ़ाइल के टैग।

सीएसएस की शक्ति

लिंक्ड पद्धति के साथ, हम CSS की एक मुख्य शक्ति का उपयोग कर रहे हैं: चिंताओं को अलग करना। सभी अर्थ संबंधी जानकारी—सामग्री का क्या अर्थ है—HTML दस्तावेज़ में निहित है। स्टाइल - यह कैसा दिखता है - एक अलग फाइल में है, स्टाइल शीट।

यहाँ इस अलगाव के कुछ लाभ दिए गए हैं:

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

कैस्केड की व्याख्या करना

आपने स्टाइल और स्टाइल शीट के बारे में बहुत कुछ सीखा है, लेकिन CSS के कैस्केडिंग भाग के बारे में क्या?

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

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

कैस्केड निर्दिष्ट करता है कि उपयोगकर्ता-एजेंट शैलियों के बाद एक लेखक शैली पत्रक लागू होता है। यदि हमारा ब्राउज़र कहता है कि शीर्षक बोल्ड हैं, लेकिन पृष्ठ का लेखक घोषित करता है कि इस पृष्ठ पर शीर्षक हल्के हैं, तो वे प्रकाश समाप्त हो जाएंगे।

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

विभिन्न मीडिया को लक्षित करना

आप स्क्रीन के बाहर, विभिन्न संदर्भों में स्टाइल शीट का उपयोग कर सकते हैं। NS आधा की विशेषता संपर्क तत्व परिभाषित करता है कि स्टाइल शीट किस मीडिया प्रकार पर लागू होती है। उदाहरण के लिए, आप परिभाषित कर सकते हैं a प्रिंट के लिए स्टाइल शीट निम्नलिखित की तरह मार्कअप का उपयोग करना:

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

सम्बंधित: यदि आप नेत्रहीन हैं या दृष्टिबाधित हैं तो वेब ब्राउज़ कैसे करें

डाउनलोड या साइन अप किए बिना मुफ्त डरावनी फिल्में ऑनलाइन देखें

विकिपीडिया जैसी साइटें अपनी प्रिंट शैली को नियंत्रित करने, अवांछित तत्वों को छिपाने और लेआउट को सरल बनाने के लिए CSS का उपयोग करती हैं।

CSS HTML को अच्छा बनाता है

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

CSS की पूरी शक्ति और इसे कितना पेश करना है, यह देखने के लिए, सभी आवश्यक CSS3 गुणों को कवर करने वाली हमारी चीट शीट देखें।

• प्रोग्रामिंग
• वेब विकास
• सीएसएस

बॉबी एक प्रौद्योगिकी उत्साही हैं जिन्होंने दो दशकों तक एक सॉफ्टवेयर डेवलपर के रूप में काम किया। उन्हें गेमिंग का शौक है, स्विच प्लेयर मैगज़ीन में समीक्षा संपादक के रूप में काम कर रहे हैं, और ऑनलाइन प्रकाशन और वेब विकास के सभी पहलुओं में डूबे हुए हैं।

हमारे न्यूज़लेटर की सदस्यता लें

तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!