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