हम अन्य CSS घोषणाओं के अंदर अतिरिक्त CSS फ़ाइलें आयात कर सकते हैं। इस उद्देश्य के लिए @import नियम का उपयोग किया जाता है क्योंकि यह किसी दस्तावेज़ में स्टाइलशीट को जोड़ता है। यह आमतौर पर तब उपयोग किया जाता है जब एक स्टाइलशीट दूसरे पर निर्भर होती है। यह
के अंदर @charset घोषणा के बाद दस्तावेज़ के शीर्ष पर निर्दिष्ट है।सिंटैक्स
@import नियम का सिंटैक्स इस प्रकार है
@import /*url या list-of-media-queries*/
मीडिया के प्रश्न मिश्रित बयान हो सकते हैं जो विभिन्न मीडिया में दस्तावेज़ के व्यवहार को निर्दिष्ट कर सकते हैं।
उदाहरण
निम्नलिखित उदाहरण @import नियम लागू करते हैं -
HTML दस्तावेज़ -
यह डेमो पैराग्राफ एक है।
यह डेमो पैराग्राफ दो है।
यह डेमो पैराग्राफ तीन है
सीएसएस दस्तावेज़:style.css
पी {रंग:नौसेना; फ़ॉन्ट-शैली:इटैलिक; }.दो {रंग:गहरा हरा; फ़ॉन्ट-आकार:24px; } आउटपुट
यह निम्न आउटपुट उत्पन्न करता है -
उदाहरण
HTML दस्तावेज़ −
सीएसएस दस्तावेज़ -
div {ऊंचाई:50px; चौड़ाई:100 पीएक्स; सीमा-त्रिज्या:20%; सीमा:2px ठोस नीला बैंगनी; बॉक्स-छाया:22px 12px 3px 3px हल्का नीला; स्थिति:निरपेक्ष; बाएं:30%; शीर्ष:20px;} आउटपुट
यह निम्न आउटपुट देता है -
