क्या अभी भी "@import" सीएसएस नियम का उपयोग करने के कारण हैं?

Question

मैं हाल ही में Coda.com पर @import नियम के उपयोग में आया था।

<style type="text/css" media="screen"> 
    @import url(./coda.css); 
</style> 

कौन सा नेटस्केप 3 और IE 3 और 4 से नियमों को छिपाने जाएगा एक वेब विकास उपकरण प्राथमिक दर्शक के बाद से उपयोग किया जाएगा: वे वास्तव में, विशेष रूप से प्रारूप साइट के लिए मुख्य शैली पत्रक आयात करने के लिए उपयोग कर रहे हैं आधुनिक ब्राउज़र, इसका उपयोग करने के लिए अन्य कारणों का क्या होगा?

Answer 1

कोडा की साइट के लिए, मुझे लगता है कि उन्होंने किसी भी तकनीकी आवश्यकता के बजाय आदत के बल से अधिक कुछ किया है।

@import वास्तविक सीएसएस फ़ाइलों के अंदर बयान (HTML में <style> तत्व में नहीं) कई उद्देश्यों को पूरा करते हैं, जैसे कि अन्य सीएसएस फ़ाइलों में स्वैप करना आसान बनाता है। ब्लूप्रिंट सीएसएस ढांचा यह आपको टाइपोग्राफी सामान या ग्रिड सामान जैसे ढांचे के कुछ हिस्सों को आसानी से हटाने देता है।

बेशक, एक उत्पादन वातावरण में, @import कथन का एक समूह का उपयोग करके नीचे गिर गया है क्योंकि यह एक वेब ब्राउजर को खींचने वाली फाइलों की संख्या को बढ़ा देता है।

Answer 2

कोई नहीं। <link> तत्व का उपयोग करने से FOUC से छुटकारा पाने का भी लाभ होता है।

संपादित: एक और स्टाइलशीट (.css फ़ाइल) में @import का उपयोग सी में एक #include की तरह इस्तेमाल किया जा सकता है, लेकिन वहाँ एक <style> ब्लॉक में @importउपयोग करने के लिए किसी भी कारण नहीं है।

Answer 3

आज इस नियम का उपयोग करने का एकमात्र कारण यह है कि पुस्तकालयों जैसी विभिन्न फ़ाइलों में विभाजित करके अपने सीएसएस को अधिक मॉड्यूलर बनाना है।

तो, अपने पृष्ठ एक स्टाइलशीट से लिंक हो सकते हैं, जबकि, कि स्टाइलशीट अन्य स्टाइलशीट रीसेट, टाइपोग्राफी, आदि के लिए @import कर सकते हैं

बहरहाल, यह आपके पृष्ठ की लोडिंग धीमी गति के बाद से यह सिर्फ अधिक अनुक्रमिक HTTP अनुरोध है करता है ।

Answer 4

मैं एंड्रयू से सहमत हूं। मैं अपने सीएसएस को तार्किक रूप से विभाजित करने के लिए आयात का भी उपयोग करता हूं। व्यक्तिगत तौर पर मैं 4 में उन्हें बाहर विभाजित करना चाहते: रीसेट, संरचना, टाइपोग्राफी, सामान्य (BGS/सीमाओं आदि)

व्यक्ति पर निर्भर करता है यह कर रही है, उनकी शैली और वरीयता, सीएसएस फ़ाइलें भी द्वारा पृष्ठ अनुभाग जैसे बाहर विभाजित किया जा सकता header.css, footer.css आदि

एक अतिरिक्त बात मैं हालांकि ऐसा कई HTTP अनुरोध से बचने के लिए एक निर्माण प्रक्रिया जो विलीन हो जाती है (आयात के क्रम में) और जीने तैनाती के लिए सीएसएस फ़ाइलों को संपीड़ित करता है।

आशा इस

Answer 5

मैं एक मॉड्यूलर विकास का उपयोग अपने आप दृष्टिकोण है, और अक्सर 10+ व्यक्ति सीएसएस फ़ाइलों के साथ अंत में मदद करता है। जैसा कि आप जानते हैं, यह HTTP अनुरोधों की एक बहुत ही कठोर संख्या है, इसलिए मुझे Blender का उपयोग करना पसंद है।

ब्लेंडर एक रूबीजम है जो किसी भी स्टाइलशीट में सीएसएस फ़ाइलों को समेकित और छोटा करता है। यह जावास्क्रिप्ट के लिए भी काम करता है।

आप अपने व्यक्तिगत स्टाइलशीट में @media को केवल सही डिवाइस प्रकारों के उचित नियमों को पूरा करने के लिए परिभाषित कर सकते हैं।