Add Internal CSS (Internal CSS जोड़ना)
Internal CSS क्या है?
Internal CSS वह CSS होती है जिसे HTML फ़ाइल के सेक्शन के अंदर टैग में लिखा जाता है।
इसका उपयोग एक ही HTML Page को डिज़ाइन करने के लिए किया जाता है।
Internal CSS का Syntax
उदाहरण (Example)
Internal CSS Example
Welcome to UICT
This is Internal CSS Example.
Output
- Heading का रंग Blue होगा।
- Heading Center में दिखाई देगी।
- Paragraph का रंग Green होगा।
- Paragraph का Size 20px होगा।
- पूरी Web Page की Background Light Gray (#f2f2f2) होगी।
Internal CSS कहाँ लिखी जाती है?
Internal CSS हमेशा HTML Document के Section के अंदर Tag में लिखी जाती है।
Internal CSS के फायदे (Advantages)
✔ एक ही Page के लिए CSS लिखना आसान होता है।
✔ अलग CSS File बनाने की आवश्यकता नहीं होती।
✔ छोटे Projects के लिए उपयोगी है।
✔ HTML और CSS एक ही File में रहती है।
✔ जल्दी Testing और Practice की जा सकती है।
Internal CSS के नुकसान (Disadvantages)
❌ केवल एक Page पर ही लागू होती है।
❌ कई Pages होने पर बार-बार CSS लिखनी पड़ती है।
❌ Website का Code बड़ा और थोड़ा कठिन हो सकता है।
❌ बड़े Projects के लिए उपयुक्त नहीं है।
Internal CSS कब उपयोग करें?
- Single Page Website
- Practice और Learning
- Demo Projects
- College/School Assignments
- छोटे Web Projects
External CSS और Internal CSS में अंतर
| Internal CSS | External CSS |
|---|---|
टैग में लिखी जाती है। | अलग .css फ़ाइल में लिखी जाती है। |
| केवल एक HTML Page पर लागू होती है। | कई HTML Pages पर लागू की जा सकती है। |
| छोटे Projects के लिए उपयुक्त। | बड़े Projects के लिए बेहतर। |
| अलग CSS File की आवश्यकता नहीं। | CSS को HTML से टैग द्वारा जोड़ा जाता है। |
याद रखने योग्य बातें
- Internal CSS को
टैग में लिखा जाता है। - इसे हमेशा
सेक्शन के अंदर रखा जाता है। - यह केवल एक HTML पेज पर प्रभाव डालती है।
- छोटे और सरल प्रोजेक्ट्स के लिए यह सबसे उपयुक्त होती है।