अपने HTML दस्तावेज़ में एक्सटर्नल स्टाइलशीट फ़ाइल शामिल करना

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

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

new.css नाम की एक साधारण स्टाइल शीट फ़ाइल पर विचार करें जिसमें निम्नलिखित नियम हैं:

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

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

<head> 
    <link type = "text/css" href = "new.css" media = " all" /> 
</head>