CSS क्या है? – पूरी जानकारी हिंदी में

👉 परिचय (Introduction):
CSS (Cascading Style Sheets) एक स्टाइलिंग लैंग्वेज है जो HTML वेबपेज को सुंदर और आकर्षक बनाने के लिए उपयोग होती है। HTML केवल वेबपेज की संरचना (structure) बनाता है और CSS उस संरचना को डिज़ाइन करती है – जैसे रंग, फॉन्ट, बॉर्डर, बैकग्राउंड, लेआउट आदि।

👉 CSS का उपयोग (Uses of CSS):

  • टेक्स्ट का रंग और आकार बदलना

  • वेबपेज का लेआउट सेट करना

  • इमेज और बॉक्स में बॉर्डर लगाना

  • बैकग्राउंड कलर और इफेक्ट देना

  • वेबसाइट को Responsive बनाना (mobile-friendly)

  • एनिमेशन और hover इफेक्ट लगाना

👉 CSS कैसे काम करता है (How CSS Works):
HTML में अलग-अलग Tags होते हैं। CSS इन Tags को पहचानकर उन्हें स्टाइलिंग देता है। CSS तीन तरीकों से इस्तेमाल किया जाता है:

1. Inline CSS: HTML टैग के अंदर style attribute में लिखा जाता है।
2. Internal CSS: <style> टैग के अंदर HTML फाइल के Head सेक्शन में लिखा जाता है।
3. External CSS: अलग .css फाइल बनाकर HTML से लिंक किया जाता है। (बेस्ट तरीका यही है)

👉 CSS का सिंटैक्स (CSS Syntax):

css
selector {
  property: value;
}

उदाहरण:

css
p {
  color: red;
  font-size: 16px;
}

यह कोड सभी <p> टैग को लाल रंग और 16px साइज का बना देगा।

👉 CSS के प्रकार (Types of CSS):

  • Inline CSS – छोटे स्टाइल के लिए

  • Internal CSS – एक ही पेज के लिए

  • External CSS – पूरी वेबसाइट के लिए (Recommended)

👉 CSS के कुछ Important Properties:

Propertyकाम (Use)
colorटेक्स्ट का रंग बदलना
background-colorबैकग्राउंड का रंग देना
font-sizeफॉन्ट का साइज सेट करना
text-alignटेक्स्ट को left, center, right करना
paddingअंदर की दूरी सेट करना
marginबाहर की दूरी सेट करना
borderबॉर्डर जोड़ना
width / heightचौड़ाई और ऊंचाई तय करना

👉 CSS कैसे जोड़ें HTML में (How to Add CSS in HTML):

External CSS Example:

html
<link rel="stylesheet" href="style.css">

Internal CSS Example:

html
<style>
  h1 {
    color: blue;
  }
</style>

Inline CSS Example:

html
<h1 style="color: blue;">Welcome</h1>


👉 CSS कहाँ उपयोग होता है (Where CSS is Used):

  • हर वेबसाइट में

  • वेब डिवेलपमेंट प्रोजेक्ट्स में

  • फ्रंटएंड डिज़ाइनिंग में

  • मोबाइल फ्रेंडली साइट बनाने में

  • UI/UX डिज़ाइन में

  • React, Angular जैसे frameworks में

👉 CSS सीखने के लिए क्या चाहिए?

  • HTML की बेसिक नॉलेज

  • एक टेक्स्ट एडिटर (जैसे Notepad, VS Code)

  • एक वेब ब्राउज़र (जैसे Chrome)

  • प्रैक्टिस और यूट्यूब पर वीडियो

👉 निष्कर्ष (Conclusion):
CSS वेब डिवेलपमेंट की रीढ़ है। इसकी मदद से वेबसाइट को खूबसूरत, प्रोफेशनल और रिस्पॉन्सिव बनाया जा सकता है। अगर आप Web Design सीखना चाहते हो, तो HTML के बाद CSS जरूरी है।