HTML स्टाइल - CSS
CSS (Cascading Style Sheets) एक वेब डिज़ाइन का प्रोटोकॉल है जो वेब पेजों के स्टाइल, तैयारी और प्रस्तुति को निर्दिष्ट करने के लिए उपयोग होता है। CSS वेब डिज़ाइन को अलग करने का काम करता है और HTML या अन्य मार्कअप भाषाओं के माध्यम से पृष्ठों को स्टाइल देने में मदद करता है।
CSS के माध्यम से, आप पृष्ठों के अलग-अलग तत्वों की तैयारी, लेआउट, फ़ॉन्ट, रंग, पृष्ठभूमि, बॉर्डर, पट्टी, छवि तैयारी और अन्य विज्ञापन कर सकते हैं। CSS एक अलग संरचना में रहता है, जिसके अनुसार आप एक से अधिक वेब पृष्ठ पर समान या संयुक्त स्टाइल निर्दिष्ट कर सकते हैं।
CSS एक अनुप्रयोग है, जिसके अनुसार आप एक सीधा CSS फ़ाइल में स्टाइल निर्दिष्ट कर सकते हैं और फिर उसे एक HTML पेज में शामिल कर सकते हैं, या आप सीधे HTML टैगों के अंदर CSS को लिख सकते हैं। CSS ब्राउज़र को अपनी वेब पेज के स्टाइल को प्रदर्शित करने के लिए इंटरप्रिट करने के लिए उपयोग किया जाता है।
यह एक CSS का उदाहरण है, जहां एक वेब पृष्ठ में हेडिंग को लाल रंग और केंद्रीय रूप में स्थापित किया जाता है:
<!DOCTYPE html><html>
<head>
<style>
h1 {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1>मेरा पेज हेडिंग</h1>
<p>यहां पृष्ठ का सामग्री है।</p>
</body>
</html>
CSS का उपयोग
CSS का उपयोग वेब पेजों के स्टाइल, तैयारी और प्रस्तुति को निर्दिष्ट करने के लिए किया जाता है। निम्नलिखित तत्वों में CSS का उपयोग किया जाता है:
- स्टाइलिंग (Styling): CSS के माध्यम से, आप वेब पेज के तत्वों को स्टाइल दे सकते हैं, जैसे कि फ़ॉन्ट, रंग, पट्टी, बॉर्डर, आकार, इंटरलाइनिंग, और पृष्ठभूमि तैयारी।
- तैयारी (Layout): CSS आपको वेब पेज के तत्वों को तैयारी देने में मदद करता है, जिससे आप तत्वों की स्थानिक प्राथमिकता, चौड़ाई, ऊंचाई, मार्जिन, पैडिंग आदि को निर्दिष्ट कर सकते हैं।
- रेस्पोंसिव डिज़ाइन (Responsive Design): CSS की सहायता से आप रेस्पोंसिव डिज़ाइन बना सकते हैं, जिसमें आपका वेब पेज विभिन्न डिवाइस और स्क्रीन के आकारों पर सही रूप से प्रदर्शित होता है।
- एनिमेशन (Animation): CSS का उपयोग वेब पेजों में एनिमेशन बनाने के लिए किया जाता है। आप तत्वों को स्थानांतरित करने, छवि को चलाने, फ़ोंट को बदलने, परिवर्तन दिखाने आदि के लिए CSS एनिमेशन के नियमों का उपयोग कर सकते हैं।
- प्रिंट स्टाइल (Print Styles): CSS की मदद से आप पेज प्रिंट करने पर स्टाइल को नियंत्रित कर सकते हैं। आप प्रिंट लेआउट, पृष्ठ मार्जिन, पृष्ठभूमि, फ़ॉन्ट, बॉर्डर आदि को प्रिंट स्टाइल निर्दिष्ट कर सकते हैं।
CSS एक पावरफ़ुल और व्यापक भाषा है जो वेब डिज़ाइनर्स को बेहतर और अनुकूलित वेब पेज बनाने में मदद करती है। यह स्टाइल को सेपरेट करके वेब सामग्री के लोगिकल पार्ट से अलग करता है और पेजों को मोबाइल, टैबलेट, और डेस्कटॉप जैसे विभिन्न उपकरणों पर सही ढंग से प्रदर्शित करने में मदद करता है।