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