@import का उपयोग बाहरी स्टाइलशीट को तत्व के समान तरीके से आयात करने के लिए किया जाता है।
यहाँ @import नियम का सिंटैक्स दिया गया है:
<head> <@import "URL"; </head>
HTML दस्तावेज़ में स्टाइल शीट फ़ाइल को आयात करने का तरीका दिखाने वाला उदाहरण निम्नलिखित है:
<head> @import "new.css"; </head>
यदि आप ASCII या ISO-8859-1 के अलावा किसी अन्य वर्ण सेट का उपयोग करके अपना दस्तावेज़ लिख रहे हैं, तो आप अपनी स्टाइलशीट के शीर्ष पर @charset नियम सेट करना चाह सकते हैं ताकि यह इंगित किया जा सके कि कौन सा वर्ण सेट है स्टाइल शीट में लिखा है। @charset रूल को स्टाइल शीट के ठीक शुरुआत में लिखा जाना चाहिए औ
@font-face नियम का उपयोग किसी दस्तावेज़ में उपयोग के लिए किसी फ़ॉन्ट फ़ेस का विस्तृत वर्णन करने के लिए किया जाता है। डाउनलोड के लिए फ़ॉन्ट के स्थान को परिभाषित करने के लिए @font-face का भी उपयोग किया जा सकता है, हालांकि यह कार्यान्वयन-विशिष्ट सीमाओं में चल सकता है। उदाहरण
@आयात: नियम मौजूदा स्टाइल शीट में एक और स्टाइलशीट आयात करता है। यह किसी भी नियम के ठीक पहले स्टाइल शीट की शुरुआत में दिखाई देना चाहिए, और इसका मान एक URL है। उदाहरण आप इसे इस तरह लिख सकते हैं: @import नियम का महत्व यह है कि यह आपको मॉड्यूलर दृष्टिकोण के साथ अपनी स्टाइल शीट विकसित करने की अनुमति