CSS क्या है :
CSS क्या है : (what is css)
CSS का पूरा नाम Cascading Style Sheet (कास्केडिंग स्टाइल शीट) है। यह एक कंप्यूटर भाषा है जिसका इस्तेमाल वेबसाइट को सुन्दर और आकर्षक बनाने के लिए किया जाता है।
CSS का इस्तेमाल डिजाइनिंग के लिए किया जाता है और यह HTML वेबसाइट को बहुत ही आकर्षक और सुंदर बना देता है। वेब डिज़ाइनर और प्रोग्रामर इसका उपयोग HTML वेबसाइट में रंग, फॉन्ट, एनिमेशन, और आकार को बदलने के लिए करते हैं।
CSS का आविष्कार Hakon Wium Lie ने किया था और 1996 में इसका पहला संस्करण बनाया गया था।
HTML में CSS के इस्तेमाल के 3 तरीके हैं:
1. Inline CSS: HTML टैग के अंदर स्टाइल ऐट्रिब्यूट का उपयोग करके।
2. Internal Style Sheet: HTML के head टैग के अंदर style टैग का उपयोग करके।
3. External Style Sheet: अलग CSS फाइल बनाकर और HTML में लिंक करके।
CSS का उपयोग HTML और JavaScript के साथ किया जा सकता है और इसे सीखना और समझना आसान है। CSS की मदद से वेबसाइट डेवलपर्स और यूजर्स वेब पेज को अपनी सुविधानुसार आसानी से मॉडिफाई कर सकते हैं।
आजकल सभी ब्राउज़र CSS को सपोर्ट करते हैं।
Types of CSS in Hindi – CSS के प्रकार
1. Inline CSS: इसका इस्तेमाल HTML टैग्स के अंदर ही किया जाता है। उदाहरण:
html
<p style="color:red;">This is a paragraph.</p>
2. Internal CSS: इसके लिए style टैग को head टैग के अंदर लिखना होता है। उदाहरण:
html
<html>
<head>
<style>
body {
background-color: blue;
}
h1 {
color: red;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
3. External CSS: अलग से एक CSS फाइल बनाई जाती है और HTML में लिंक की जाती है। उदाहरण:
html
<html>
<head>
<link rel="stylesheet" href="externalstyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
CSS की विशेषताएँ
- CSS का उपयोग वेब डिजाइनिंग के लिए किया जाता है।
- यह टेक्स्ट कलर, फॉन्ट स्टाइल, कॉलम साइज लेआउट, बैकग्राउंड कलर और इमेजेज को कंट्रोल करता है।
- यह HTML डॉक्युमेंट्स को कंट्रोल करता है।
- यह JavaScript और PHP जैसी भाषाओं को समझने में मदद करता है।
- इसे मेंटेन करना आसान है और इसे सीखना और समझना सरल है।
CSS के उपयोग
- वेबसाइट के एलिमेंट्स को मेंटेन करने के लिए।
- एनिमेशन बनाने के लिए।
- वेब पेज पर इफेक्ट्स जोड़ने में मदद करता है।
- HTML के साथ डायनामिक वेब टेम्प्लेट डिज़ाइन करने के लिए।
- ई-कॉमर्स प्लेटफार्म पर यूज़र एक्सपीरियंस को बढ़ाने के लिए।
- इमेज को एडिट और अपडेट करने में मदद करता है।
- वेबसाइट को मेंटेन और मैनेज करने में।
- वेबसाइट के लुक को परिभाषित करने में मदद करता है।
- डिवाइसेस के लिए मटेरियल को ऑप्टिमाइज़ करता है।
CSS के फायदे
- यह वेबसाइट की स्पीड को इम्प्रूव करता है।
- केवल एक CSS फाइल को मॉडिफाई करके पूरी वेबसाइट को बदल सकते हैं जिससे समय बचता है।
- वेबसाइट डिवेलप करने में मदद करता है।
- यह कम जटिल (complex) भाषा है।
- ऑनलाइन पेजेस को कस्टमाइज़ करना आसान है।
- यह फाइल के साइज को कम करता है।
CSS के नुकसान
- डेवलपर्स को ब्राउज़र में प्रोग्राम रन करने के लिए टेस्ट करना पड़ता है।
- इसमें सिक्योरिटी की कमी होती है।
- CSS के अलग-अलग लेवल (CSS, CSS 2, CSS 3) को समझना मुश्किल होता है।
- यह सभी तरह के स्टाइल शीट को सपोर्ट नहीं करता।
CSS और HTML में अंतर
CSS | HTML |
---|---|
CSS का पूरा नाम Cascading Style Sheets है। | HTML का पूरा नाम Hypertext Markup Language है। |
यह एक स्टाइल शीट भाषा है जिसका उपयोग वेब पेज को स्टाइल करने के लिए किया जाता है। | यह एक मार्कअप भाषा है जिसका उपयोग वेब पेज के स्ट्रक्चर को परिभाषित करने के लिए किया जाता है। |
इसमें सेलेक्टर और डिक्लेरेशन ब्लॉक्स होते हैं। | इसमें टैग्स होते हैं। |
इसके तीन प्रकार होते हैं। | इसके प्रकार नहीं होते। |
यूज़र HTML डॉक्युमेंट के अंदर CSS का उपयोग कर सकता है। | यूज़र CSS शीट के अंदर HTML का उपयोग नहीं कर सकता। |
यह प्रेजेंटेशन और विज़ुअलाइज़ेशन के लिए उपयोग होती है। | यह प्रेजेंटेशन और विज़ुअलाइज़ेशन के लिए नहीं उपयोग होती है। |
HTML की तुलना में CSS ज्यादा मात्रा में बैकअप को सपोर्ट करती है। | यह भाषा कम बैकअप को सपोर्ट करती है। |
यह एनिमेशन और ट्रांजिशन की परमिशन देती है। | यह एनिमेशन और ट्रांजिशन की परमिशन नहीं देती। |
CSS फाइलें .css एक्सटेंशन में स्टोर होती हैं। | HTML फाइलें .htm और .html एक्सटेंशन में स्टोर होती हैं। |
CSS क्या है? यह एक भाषा है जिसका उपयोग मार्कअप भाषा में लिखे गए डॉक्युमेंट्स के फॉर्मेट को परिभाषित करने के लिए किया जाता है।
CSS के कितने प्रकार होते हैं? इसके तीन प्रकार होते हैं: इनलाइन, इंटरनल, और एक्सटर्नल।
Reference: W3Schools CSS Introduction
Reference: HTML Introduction
निवेदन: अगर आपको CSS in Hindi (CSS क्या है और इसके फायदे) का यह पोस्ट उपयोगी लगा हो तो इसे अपने दोस्तों के साथ अवश्य शेयर करें। आपके जो भी प्रश्न हों, उन्हें नीचे कमेंट करके बताएं। धन्यवाद।
1 thought on “CSS क्या है : (what is css)”