Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS में @import At-नियम

<घंटा/>

CSS @import नियम का उपयोग आयातित स्टाइल शीट के URL के बाद मीडिया प्रकारों को निर्दिष्ट करके एक विशिष्ट लक्ष्य मीडिया के लिए शैली की जानकारी सेट करने के लिए किया जाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

@import url ("/* फ़ाइल पथ */") मीडियाटाइप्स { CSS-Code;}

आइए CSS @import नियम के लिए एक उदाहरण देखें:

एचटीएमएल दस्तावेज़

उदाहरण

 हेड> <बॉडी> 

विवामस कमोडो, डोलर ईयू पोर्टिटिटर सैगिटिस, ओर्सी निस्ल कॉन्सेक्टेटूर इप्सम, वेल वॉलटपाट निभ लेक्टस एट एरेट। धरती के कंठ को कुछ फायदा होगा। ज़ेन के लिए एक चिंताजनक वाहन है, ज़रूरत की एक शुद्ध पैची परत से।

यदि नहीं तो चालक के बिस्तर में। यातना से कुछ भी भिन्न नहीं है। लेकिन सिंह के सदस्य वाहन हैं, जीवन के वाहन कभी-कभी कुलीन नहीं होते हैं। यह अब बदसूरत है, और अगर यह तीरों के लिए नहीं है, तो यह समग्र फ्रिंज का डर है।

सस्पेंड को अभिजात वर्ग में इसे सजाने के लिए मुस्कान और मुस्कान की जरूरत है। सस्पेंडिस पोटेंशियल। बच्चों को जियो, किशोर बच्चों को। तीर और तीर से पहले

सीएसएस दस्तावेज़ (स्क्रीन.सीएसएस)

पी {रंग:नौसेना; फ़ॉन्ट-शैली:इटैलिक; }.दो {रंग:#c303c3; फ़ॉन्ट-आकार:20px; } शरीर {पृष्ठभूमि-रंग:हनीड्यू;} सीएसएस दस्तावेज़ (प्रिंट.सीएसएस):पी {रंग:लाल; फ़ॉन्ट-शैली:इटैलिक;}.दो {रंग:#989898; फ़ॉन्ट-आकार:40px; } 

आउटपुट

जब दस्तावेज़ स्क्रीन मीडियाटाइप में दिखाई देता है -

CSS में @import At-नियम

जब दस्तावेज़ प्रिंट मीडियाटाइप में दिखाई देता है -

CSS में @import At-नियम

आइए CSS @import नियम के लिए एक और उदाहरण देखें -

एचटीएमएल दस्तावेज़

उदाहरण

CSS @import नियम / head>

मैं साझा स्थान के साथ ठीक हूं

मुझे एक निजी स्थान चाहिए

मैं साझा स्थान के साथ भी ठीक हूं

मैं भी

CSS दस्तावेज़ (all.css):p { फ्लोट:लेफ्ट; मार्जिन:10px; पैडिंग:10px; रंग सफेद; पृष्ठभूमि-रंग:#48C9B0; बॉर्डर:4px सॉलिड #145A32;}p.noneFloat{ फ्लोट:कोई नहीं; दोनों को साफ करो; रंग:#34495E;}

आउटपुट

CSS में @import At-नियम


  1. सीएसएस में :nth-child छद्म वर्ग

    CSS :nth-child() छद्म वर्ग एक ऐसे तत्व का चयन करता है जो किसी अन्य तत्व का nth चाइल्ड तत्व है। सिंटैक्स निम्नलिखित वाक्य रचना है - :nth-child(){    /*declarations*/ } उदाहरण आइए CSS के लिए एक उदाहरण देखें :nth-child() छद्म वर्ग - <!DOCTYPE html> <html> <head> <title&

  1. CSS में @media At-नियम

    CSS @media नियम का उपयोग एक ही स्टाइल शीट में विभिन्न मीडिया प्रकारों (जैसे प्रिंट, स्क्रीन, सभी, आदि) के लिए विभिन्न शैलियों को निर्दिष्ट करने के लिए किया जाता है। इसके बाद आमतौर पर मीडिया प्रकारों की अल्पविराम से अलग की गई सूची और लक्ष्य मीडिया के लिए शैलियों के नियमों वाले CSS घोषणा ब्लॉक होते है

  1. CSS में बॉर्डर-कलर प्रॉपर्टी

    CSS बॉर्डर-कलर प्रॉपर्टी का उपयोग तत्वों के लिए बॉर्डर कलर निर्दिष्ट करने के लिए किया जाता है। हम बॉर्डर-टॉप-कलर, बॉर्डर-राइट-कलर, बॉर्डर-लेफ्ट-कलर और बॉर्डर-राइट-कलर प्रॉपर्टीज का उपयोग करके अलग-अलग पक्षों के लिए रंग भी सेट कर सकते हैं। सिंटैक्स CSS बॉर्डर-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -