HTML style CSS क्या है - ldkalink
 |
| HTML style CSS kya hai |
CSS क्या है ?
CSS का उपयोग (using) कैसे करे ?
- Inline - एचटीएमएल एलिमेंट्स के अंदर style अटरीब्यूट का उपयोग करके
- Internal - <head> सेक्शन के अंदर <style> एलिमेंट का उपयोग करके
- External - एक्सटर्नल सीएसएस का फाइल से लिंक करने के लिए <link> एलिमेंट का उपयोग करके
Inline CSS
Inline CSS का उपयोग एक सिंगल एचटीएमएल एलिमेंट को एक यूनीक स्टाइल देने के लिए करते है।
आपने कभी भी नोटिस किया होगा की जब आप किसी भी वेबसाइट पर जाते हैं एक वेब पेज में ही कई सारे <h2> या <h1> अलग-अलग जगह पर दिखाई देते है।
यदि हम चाहते हैं कि इनमें से किसी एक <h2> हेडिंग को एक अलग स्टाइलिश लुक में दर्शाया जाए जैसे कि इसके फॉन्ट, कलर, साइज सभी चीज अगर बाकी जगह स्थित <h2> से अलग हो, तो इसके लिए हम इनलाइन सीएसएस का उपयोग करते हैं।
एचटीएमएल एलिमेंट में एक Inline CSS का उपयोग style अटरीब्यूट से करते हैं।
उदाहरण (example)
उदाहरण के लिए मान लेते हैं हमारे पास एक पेज में <h2> को हमें ब्लू कलर में शो करना है और पैराग्राफ <p> में जो टेक्स्ट है उसे रेड कलर में दर्शन है तो इसके लिए हम इस तरह का कोड का उपयोग कर सकते हैं।
<h1 style="color:blue;">A Blue Heading</h1>
<p style="color:red;">A red paragraph.</p>
Internal CSS
इसका उपयोग एक सिंगल एचटीएमएल पेज को एक स्टाइल लुक देने के लिए करते है।
आपने कभी भी नोटिस किया होगा की जब आप किसी भी वेबसाइट पर जाते हैं तो उसका वेबसाइट का थीम एक अलग कलर या डेज में दिखाई देता है।
यदि हम चाहते हैं कि इनमें से किसी एचटीएमएल पेज को एक अलग स्टाइलिश लुक में दर्शाया जाए तो इसके लिए एचटीएमएल पेज के <head> section के अंदर <style> element का उपयोग करते है।
यदि हम चाहते हैं कि एक एचटीएमएल पेज के अंदर जितने भी h1 होंगे वह सारे ब्लू कलर में दिखाई दे और जितने भी पैराग्राफ होंगे वह रेड कलर में दिखाई दे और इसका बैकग्राउंड कलर ब्लू कलर का हो तो इसके लिए हम इस कोड का उपयोग करते हैं।
उदाहरण (example)
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
External CSS
इसका उपयोग कई सारे एचटीएमएल पेज को एक स्टाइल लुक देने के लिए करते है एक्सटर्नल सीएसएस का उपयोग करने के लिए प्रत्येक एचटीएमएल पेज के <head> सेक्शन के नीचे एक लिंक ऐड करना होता है।
उदाहरण (example)
<!DOCTYPE html><html><head><link rel="stylesheet" href="styles.css"></head><body><h1>This is a heading</h1><p>This is a paragraph.</p></body></html>
टिप्पणियाँ
एक टिप्पणी भेजें
please do not enter any spam link in the comment box.