वेबसाइटों को कोड करने का तरीका सीखने के सर्वोत्तम तरीकों में से एक को देखना है स्रोत कोड अन्य साइटों की। यह अभ्यास है कि कितने वेब पेशेवरों ने अपना शिल्प सीखा, खासकर उन दिनों में जब इसके लिए बहुत सारे विकल्प थे वेब डिजाइन पाठ्यक्रम, पुस्तकें और ऑनलाइन प्रशिक्षण साइटें।
यदि आप इस अभ्यास को आजमाते हैं और किसी साइट की कैस्केडिंग स्टाइल शीट को देखते हैं, तो उस कोड में एक चीज़ जो आपको दिखाई दे सकती है वह एक पंक्ति है जो कहती है !महत्वपूर्ण. यह शब्द स्टाइल शीट के भीतर प्रसंस्करण की प्राथमिकता को बदल देता है।
सीएसएस का कैस्केड
कैस्केडिंग स्टाइल शीट वास्तव में करते हैं झरना, जिसका अर्थ है कि उन्हें एक विशेष क्रम में रखा गया है। सामान्य तौर पर, शैलियों को उसी क्रम में लागू किया जाता है जिस क्रम में वे ब्राउज़र द्वारा पढ़े जाते हैं। पहली शैली लागू की जाती है और फिर दूसरी, और इसी तरह।
परिणामस्वरूप, यदि शैली पत्रक के शीर्ष पर कोई शैली दिखाई देती है और फिर दस्तावेज़ में नीचे नीचे बदल दी जाती है, तो उस शैली का दूसरा उदाहरण बाद के उदाहरणों में लागू किया गया है, पहला नहीं। मूल रूप से, यदि दो शैलियाँ एक ही बात कह रही हैं (जिसका अर्थ है कि उनके पास समान स्तर की विशिष्टता है), तो सूचीबद्ध अंतिम का उपयोग किया जाएगा।
उदाहरण के लिए, आइए कल्पना करें कि स्टाइल शीट में निम्नलिखित शैलियाँ शामिल थीं। अनुच्छेद पाठ काले रंग में प्रस्तुत किया जाएगा, भले ही लागू की गई पहली शैली संपत्ति लाल हो। ऐसा इसलिए है क्योंकि "ब्लैक" मान दूसरे स्थान पर है। चूंकि सीएसएस को ऊपर से नीचे पढ़ा जाता है, इसलिए अंतिम शैली "ब्लैक" है और इसलिए वह जीत जाता है।
पी {रंग: लाल; }
पी {रंग: काला; }
कैसे !महत्वपूर्ण परिवर्तन प्राथमिकता
!महत्वपूर्ण निर्देश उस तरीके को प्रभावित करता है जिसमें आपके सीएसएस कैस्केड नियमों का पालन करते हुए आपको लगता है कि सबसे महत्वपूर्ण हैं और इसे लागू किया जाना चाहिए। एक नियम जिसमें यह निर्देश होता है वह हमेशा लागू होता है चाहे वह नियम सीएसएस दस्तावेज़ में कहीं भी दिखाई दे।
पैराग्राफ टेक्स्ट को हमेशा लाल बनाने के लिए, पिछले उदाहरण से, शैली को इस प्रकार बदलें:
पी {रंग: लाल! महत्वपूर्ण; }
पी {रंग: काला; }
अब सभी टेक्स्ट लाल रंग में दिखाई देंगे, भले ही "ब्लैक" मान दूसरे स्थान पर सूचीबद्ध हो। !महत्वपूर्ण निर्देश कैस्केड के सामान्य नियमों को ओवरराइड करता है और यह उस शैली को बहुत उच्च विशिष्टता देता है।
यदि आपको लाल दिखने के लिए अनुच्छेदों की बिल्कुल आवश्यकता है, तो यह शैली ऐसा करेगी, लेकिन इसका मतलब यह नहीं है कि यह एक अच्छा अभ्यास है।
कब उपयोग करें !महत्वपूर्ण
जब आप किसी वेबसाइट का परीक्षण और डिबगिंग कर रहे हों तो !महत्वपूर्ण निर्देश सहायक होता है। यदि आप सुनिश्चित नहीं हैं कि शैली क्यों लागू नहीं की जा रही है और आपको लगता है कि यह एक विशिष्टता संघर्ष हो सकता है, तो अपने में महत्वपूर्ण घोषणा जोड़ें शैली यह देखने के लिए कि क्या यह इसे ठीक करता है - और यदि ऐसा होता है, तो चयनकर्ताओं के क्रम को बदलें और अपने उत्पादन से महत्वपूर्ण निर्देश हटा दें। कोड।
यदि आप अपनी वांछित शैलियों को प्राप्त करने के लिए !महत्वपूर्ण घोषणा पर बहुत अधिक निर्भर हैं, तो आपके पास अंततः !महत्वपूर्ण शैलियों से भरी एक स्टाइल शीट होगी। आप मूल रूप से उस पृष्ठ के सीएसएस को संसाधित करने के तरीके को बदल रहे होंगे। यह एक आलसी अभ्यास है जो दीर्घकालिक प्रबंधन के दृष्टिकोण से अच्छा नहीं है।
परीक्षण के लिए !महत्वपूर्ण का उपयोग करें या, कुछ मामलों में, जब आपको एक इनलाइन शैली को पूरी तरह से ओवरराइड करना होगा जो किसी थीम या टेम्पलेट ढांचे का हिस्सा है। उन मामलों में भी, इस दृष्टिकोण का संयम से उपयोग करें और इसके बजाय स्वच्छ स्टाइल शीट लिखें जो सम्मान करते हैं झरना.
उपयोगकर्ता शैली पत्रक
यह निर्देश वेब पेज उपयोगकर्ताओं को स्टाइल शीट से निपटने में मदद करने के लिए भी रखा गया था, जो उनके लिए उपयोग या पढ़ने के लिए पृष्ठों को मुश्किल बनाते हैं।
कब कोई स्टाइल शीट परिभाषित करता है वेब पेज देखने के लिए, उस स्टाइल शीट को पेज लेखक की स्टाइल शीट द्वारा खारिज कर दिया जाता है। यदि उपयोगकर्ता किसी शैली को !महत्वपूर्ण के रूप में चिह्नित करता है, तो वह शैली वेब पेज लेखक की शैली पत्रक को रद्द कर देती है, भले ही लेखक किसी नियम को !महत्वपूर्ण के रूप में चिह्नित करता हो।
यह पदानुक्रम उन उपयोगकर्ताओं के लिए सहायक है, जिन्हें एक निश्चित तरीके से शैलियों को सेट करने की आवश्यकता होती है। उदाहरण के लिए, एक दृष्टिबाधित पाठक को उनके द्वारा उपयोग किए जाने वाले सभी वेब पेजों पर डिफ़ॉल्ट फ़ॉन्ट आकार बढ़ाने की आवश्यकता हो सकती है। आपके द्वारा बनाए गए पृष्ठों के भीतर अपने महत्वपूर्ण निर्देश का संयम से उपयोग करके, आप अपने पाठकों की विशिष्ट आवश्यकताओं को समायोजित करते हैं।