HTML दस्तावेज़ में स्टाइल शीट नियमों को शामिल करने के तरीके

स्टाइलशीट नियमों को शामिल करने के लिए, <style> एलिमेंट या स्टाइल एट्रिब्यूट या यहां तक कि <link> का उपयोग करके एक्सटर्नल स्टाइलशीट का उपयोग करें।

<link> एलिमेंट का उपयोग आपके HTML दस्तावेज़ में एक एक्सटर्नल स्टाइल शीट फ़ाइल को शामिल करने के लिए किया जा सकता है।

एक एक्सटर्नल स्टाइल शीट .css एक्सटेंशन वाली एक अलग टेक्स्ट फ़ाइल है। आप इस टेक्स्ट फ़ाइल के भीतर सभी स्टाइल नियमों को परिभाषित करते हैं और फिर <link> एलिमेंट का उपयोग करके इस फ़ाइल को किसी भी HTML दस्तावेज़ में शामिल कर सकते हैं।

एक्सटर्नल CSS फ़ाइल को शामिल करने का सिंटैक्स यहां दिया गया है:

<head> 
    <link href = "..." media = "..." /> 
</head>

<link> एलिमेंट के निम्नलिखित एट्रिब्यूट्स हैं:

एट्रिब्यूट	मान	विवरण
Type	text/css	स्टाइल शीट भाषा को कंटेंट-टाइप (MIME टाइप) के रूप में निर्दिष्ट करता है। यह एट्रिब्यूट आवश्यक है।
Href	URL	स्टाइल नियमों वाली स्टाइल शीट फ़ाइल निर्दिष्ट करता है। यह एट्रिब्यूट आवश्यक है।
media	screen tty tv projection handheld print braille aural all	वह डिवाइस निर्दिष्ट करता है जिस पर दस्तावेज़ प्रदर्शित होगा। डिफ़ॉल्ट मान all है। यह एक वैकल्पिक एट्रिब्यूट है।

मान लें कि स्टाइल new.css है:

h1, h2 { 
    color: #36C; 
    font-weight: normal; 
    letter-spacing: .4em; 
    margin-bottom: 1em; 
    text-transform: lowercase; 
}

अब आप इस फ़ाइल new.css को किसी भी HTML दस्तावेज़ में निम्नानुसार शामिल कर सकते हैं:

<head> 
    <link new = "mystyle.css" media = " all" /> 
</head>