पाठ 1 / 28

सीएसएस क्या है?

सीएसएस HTML को स्टाइल करता है — इसे पेज से जोड़ने के तीन तरीके।

एक पंक्ति में सीएसएस

CSS (Cascading Style Sheets) बताता है कि HTML एलिमेंट कैसे दिखें — रंग, स्पेसिंग, लेआउट, फ़ॉन्ट, मोशन। HTML संरचना देता है; CSS रूप-रंग देता है।

सीएसएस जोड़ने के तीन तरीके

इनलाइन (टैग पर style="..."), इंटरनल (<head> में <style> ब्लॉक), और एक्सटर्नल (लिंक की गई अलग .css फ़ाइल)। असली प्रोजेक्ट में एक्सटर्नल मानक है।

तीनों साथ-साथ

एक जैसा परिणाम, जोड़ने के तीन तरीके।

<!-- inline -->
<p style="color: crimson;">Inline</p>

<!-- internal -->
<head>
  <style>
    p { color: crimson; }
  </style>
</head>

<!-- external -->
<head>
  <link rel="stylesheet" href="styles.css">
</head>

एक्सटर्नल को प्राथमिकता दें

एक्सटर्नल स्टाइलशीट ब्राउज़र द्वारा कैश होती है और कई पेजों पर दोबारा उपयोग होती है — इनलाइन स्टाइल बनाए रखना और ओवरराइड करना सबसे मुश्किल है।