style sheet में जानकारी के अनुसार दस्तावेज़ को प्रारूपित करने के लिए सीएसएस को HTML पृष्ठों में जोड़ा जाता है। HTML दस्तावेजों में CSS डालने के तीन तरीके हैं।
- इनलाइन सीएसएस (Inline CSS)
- आंतरिक सीएसएस (Internal CSS)
- बाहरी सीएसएस (External CSS)
1) इनलाइन सीएसएस (Inline CSS)
इनलाइन CSS का उपयोग CSS को एक लाइन या तत्व पर लागू करने के लिए किया जाता है।
उदाहरण के लिए:
- <p style=”color:blue”>Hello CSS</p>
अधिक जानकारी के लिए यहाँ क्लिक करे: Inline CSS
2) आंतरिक सीएसएस (Internal CSS)
एक ही दस्तावेज़ या पृष्ठ पर CSS को लागू करने के लिए आंतरिक CSS का उपयोग किया जाता है। यह पृष्ठ के सभी तत्वों को प्रभावित कर सकता है। यह html के हेड सेक्शन के भीतर स्टाइल टैग के अंदर लिखा जाता है।
उदाहरण के लिए:
- <style>
- p{color:blue}
- </style>
अधिक जानकारी के लिए यहाँ क्लिक करे: Internal CSS
3) बाहरी सीएसएस (External CSS)
बाहरी CSS का उपयोग कई पृष्ठों या सभी पृष्ठों पर CSS लागू करने के लिए किया जाता है। यहाँ, हम एक CSS फ़ाइल में सभी CSS कोड लिखते हैं। इसका extension होना चाहिए .css उदाहरण के लिए style.css
उदाहरण के लिए:
- p{color:blue}
इस तरह आपको अपने HTML पृष्ठों पर इस style.css फ़ाइल को लिंक करना होगा:
- <link rel=”stylesheet” type=”text/css” href=”style.css”>
link tag को html के head section के अंदर इस्तेमाल किया जाना चाहिए।
अधिक जानकारी के लिए यहाँ क्लिक करे: External CSS