Css

 

1. CSS क्या है? (What is CSS?)

  • पूरा नाम: Cascading Style Sheets (कैस्केडिंग स्टाइल शीट्स)

  • परिभाषा: CSS एक स्टाइल शीट भाषा (Style Sheet Language) है, जिसका उपयोग HTML (HyperText Markup Language) से बने वेब पेजों के लुक (Look) और फील (Feel) को बेहतर बनाने के लिए किया जाता है।

  • सरल शब्दों में: अगर HTML किसी वेबसाइट का कंकाल (Skeleton) या बुनियादी ढांचा है, तो CSS उस वेबसाइट का रंग, रूप, कपड़े और मेकअप (Design) है। बिना CSS के एक वेबसाइट केवल सादा टेक्स्ट और नीले रंग के लिंक्स जैसी दिखेगी।

CSS का यूज़ क्यों करते हैं? (Why do we use CSS?)

वेबसाइट बनाने में CSS का उपयोग निम्नलिखित कारणों से किया जाता है:

  1. वेबसाइट को सुंदर और प्रोफेशनल बनाने के लिए (Design & Styling): CSS की मदद से आप टेक्स्ट का रंग, फॉन्ट स्टाइल (Font Style), बैकग्राउंड कलर, बॉर्डर और इमेज की साइज को अपनी पसंद के अनुसार बदल सकते हैं।

  2. लेआउट और अलाइनमेंट के लिए (Layout Control): वेबसाइट पर कौन सी चीज़ कहाँ दिखेगी (जैसे- हेडर ऊपर, साइडबार दाईं तरफ, और कंटेंट बीच में), यह सब CSS के लेआउट टूल्स (जैसे Flexbox, Grid) से तय होता है।

  3. समय की बचत (Saves a lot of time): आप एक सिंगल CSS फाइल बनाकर उसे अपनी वेबसाइट के सभी HTML पेजों (चाहे 10 हों या 100) से जोड़ सकते हैं। इससे पूरी वेबसाइट का डिज़ाइन एक ही जगह से कंट्रोल हो जाता है।

  4. वेबसाइट को रिस्पॉन्सिव बनाने के लिए (Responsive Design): आज के समय में लोग वेबसाइट को मोबाइल, टैबलेट और कंप्यूटर सब पर देखते हैं। CSS (Media Queries) की मदद से वेबसाइट का डिज़ाइन हर स्क्रीन साइज़ के हिसाब से अपने आप बदल जाता है।

  5. वेबसाइट की स्पीड बढ़ाने में (Better Performance): पहले डिज़ाइनिंग के लिए HTML में ही बहुत सारा कोड लिखना पड़ता था। CSS के आने से कोड छोटा हो गया है, जिससे वेबसाइट जल्दी लोड होती है।

3. HTML और CSS में अंतर (Difference between HTML & CSS)

इसे एक बेहतरीन उदाहरण से समझा जा सकता है:

  • HTML: इसका उपयोग पेज पर कंटेंट (जैसे- पैराग्राफ, हेडिंग, बटन, टेबल) डालने के लिए होता है।

  • CSS: इसका उपयोग उस कंटेंट को रंगने, उसे सही जगह पर सेट करने और उसे आकर्षक बनाने के लिए होता है।

4. CSS का सिंटैक्स (CSS Syntax)

CSS को लिखने का एक खास तरीका होता है, जिसे सिंटैक्स कहते हैं। इसमें मुख्य रूप से दो भाग होते हैं:

  1. Selector (सिलेक्टर): यह बताता है कि HTML के किस हिस्से (जैसे हेडिंग या पैराग्राफ) पर स्टाइल लागू करना है।

  2. Declaration Block (डिक्लेरेशन ब्लॉक): इसके अंदर { } ब्रैकेट में Property और Value लिखी जाती है।

उदाहरण:
h1 {
  color: blue;
  font-size: 20px;
}

  • यहाँ h1 एक Selector है (यानी यह सभी Heading 1 पर काम करेगा)।

  • color एक Property है और blue उसकी Value है (हेडिंग का रंग नीला हो जाएगा)।

  • font-size एक Property है और 20px उसकी Value है (हेडिंग का आकार 20 पिक्सेल हो जाएगा)।

5. CSS को HTML में जोड़ने के तरीके (Types of CSS)

आप HTML पेज में CSS को तीन तरीकों से लिख सकते हैं:

  1. Inline CSS (इनलाइन सीएसएस): जब HTML के किसी एक ही टैग के अंदर style एट्रिब्यूट का उपयोग करके स्टाइल लिखी जाती है।

    • उदाहरण: <h1 style="color:red;">यह लाल हेडिंग है</h1>

  2. Internal CSS (इंटरनल सीएसएस): जब HTML फाइल के <head> सेक्शन के अंदर <style> टैग बनाकर CSS लिखी जाती है। यह केवल उसी एक पेज पर लागू होती है।

  3. External CSS (एक्सटर्नल सीएसएस): इसमें CSS का कोड एक अलग फाइल में लिखा जाता है (जिसका एक्सटेंशन .css होता है, जैसे style.css)। फिर इस फाइल को HTML के <link> टैग द्वारा जोड़ा जाता है। प्रोफेशनल काम के लिए हमेशा इसी का यूज़ होता है।

Comments

Post a Comment

Popular posts from this blog

all computer notes

Computer Courses Click any button to open notes page Basic Computer Computer Fundamental, Microsoft Office, Hindi Typing. Computer Fundamental नया फोल्डर बनाना Notepad Wordpad Microsoft Office Word 2007 Microsoft Office Excel 2007 Microsoft Office PowerPoint 2007 Microsoft Office Access 2007 Hindi Typing word 2007 shortcut keys excel 2007 shortcut keys PowerPoint 2007 shortcut keys MS Office Word 2007 Quiz Part 1 MS Office Word 2007 Quiz Part 2 MS Office Excel 2007 Quiz Accounting Tally ERP 9 and TallyPrime notes. Tally ERP 9 TallyPrime Tally Quiz Tally erp 9 (200 questions) Programming C, C++, Java, Python notes. C Language C++ Java Python Web Development HTML, CSS, JavaScript, PHP note...
Read more

Ms Word 2007

Image
MS Word का उपयोग क्यों करते हैं? Document लिखने के लिए Letter, application, notes, resume आदि आसानी से टाइप कर सकते हैं। Formatting करने के लिए Text को bold, italic, underline, size, color बदल सकते हैं—जिससे document आकर्षक बनता है। Error सुधारने के लिए Spelling और grammar की गलतियाँ अपने आप detect करके सही करने में मदद करता है। Images और Tables जोड़ने के लिए Photo, shapes, charts और table डालकर document को professional बना सकते हैं। Save और Print करने के लिए Document को save करके बाद में use कर सकते हैं और print भी निकाल सकते हैं। Official काम के लिए School, office, business में report, project, notice आदि बनाने में सबसे ज्यादा इस्तेमाल होता है। Time बचाने के लिए Auto features (copy, paste, templates) से काम जल्दी और आसान हो जाता है। MS Word के प्रमुख Versions (संस्करण) Word 95 पहला Windows-based version था, basic typing के लिए इस्तेमाल होता था। Word 97 इसमें menu और toolbar बेहतर हुए, use आसान हुआ। Word 2000 Internet features जोड़े गए, web pages बनाने ...
Read more