CSS

From binaryoption
Jump to navigation Jump to search
Баннер1
    1. सीएसएस: शुरुआती के लिए एक संपूर्ण गाइड

यह लेख MediaWiki 1.40 में सीएसएस (कैस्केडिंग स्टाइल शीट्स) के उपयोग पर केंद्रित है। इसका उद्देश्य उन उपयोगकर्ताओं को सीएसएस की बुनियादी अवधारणाओं से परिचित कराना है जो अपनी विकि साइट के स्वरूप को अनुकूलित करना चाहते हैं। हम बुनियादी सिंटैक्स, चयनकर्ताओं, गुणों और अन्य महत्वपूर्ण पहलुओं को कवर करेंगे जो आपको प्रभावी सीएसएस लिखने में मदद करेंगे।

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

सीएसएस (Cascading Style Sheets) एक स्टाइल शीट भाषा है जिसका उपयोग HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) दस्तावेजों के प्रस्तुतिकरण को नियंत्रित करने के लिए किया जाता है। यह HTML को सामग्री और संरचना प्रदान करने की अनुमति देता है, जबकि सीएसएस दृश्य शैली को परिभाषित करता है। सरल शब्दों में, HTML आपकी वेबपेज की 'हड्डियां' है, और सीएसएस उसकी 'त्वचा' है।

सीएसएस का उपयोग क्यों करें?

सीएसएस का उपयोग करने के कई लाभ हैं:

  • रूपरेखा में निरंतरता: सीएसएस आपको अपनी पूरी विकि साइट पर एक समान रूपरेखा बनाए रखने की अनुमति देता है।
  • प्रबंधन में आसानी: स्टाइल को एक केंद्रीय स्थान पर परिभाषित करके, आप अपनी साइट के स्वरूप को आसानी से अपडेट और प्रबंधित कर सकते हैं।
  • फाइल का आकार कम: सीएसएस HTML कोड की मात्रा को कम करता है, जिससे आपकी वेबसाइट तेजी से लोड होती है।
  • अनुकूलन: सीएसएस आपको अपनी विकि साइट के स्वरूप को अपनी आवश्यकताओं के अनुसार अनुकूलित करने की अनुमति देता है।
  • पहुंच क्षमता: अच्छी तरह से संरचित सीएसएस आपकी वेबसाइट को अधिक सुलभ बना सकता है।

सीएसएस सिंटैक्स

सीएसएस नियम तीन मुख्य भागों से बने होते हैं:

  • चयनकर्ता (Selector): यह उस HTML तत्व को निर्दिष्ट करता है जिसे आप स्टाइल करना चाहते हैं। उदाहरण के लिए, `h1`, `p`, `.classname`, `#idname`।
  • गुण (Property): यह उस शैली विशेषता को निर्दिष्ट करता है जिसे आप बदलना चाहते हैं। उदाहरण के लिए, `color`, `font-size`, `background-color`।
  • मान (Value): यह गुण के लिए निर्दिष्ट मान है। उदाहरण के लिए, `red`, `16px`, `#FFFFFF`।

सीएसएस नियम को निम्नलिखित प्रारूप में लिखा जाता है:

``` चयनकर्ता {

 गुण: मान;
 गुण: मान;

} ```

उदाहरण:

``` h1 {

 color: blue;
 font-size: 32px;

} ```

यह नियम सभी `h1` टैग को नीले रंग में और 32 पिक्सेल फ़ॉन्ट आकार में प्रदर्शित करेगा।

सीएसएस कैसे लागू करें?

MediaWiki में सीएसएस लागू करने के तीन मुख्य तरीके हैं:

1. इनलाइन स्टाइल: HTML तत्व के अंदर सीधे `style` एट्रिब्यूट का उपयोग करके। यह तरीका सबसे कम अनुशंसित है क्योंकि यह कोड को अव्यवस्थित करता है और प्रबंधन को मुश्किल बनाता है।

   ```html

यह टेक्स्ट लाल रंग में प्रदर्शित होगा।

   ```

2. आंतरिक स्टाइल शीट: HTML दस्तावेज़ के `<head>` सेक्शन में `<style>` टैग का उपयोग करके। यह तरीका एक ही पृष्ठ के लिए स्टाइल परिभाषित करने के लिए उपयोगी है।

   ```html
   <head>
     <style>
       p {
         color: green;
       }
     </style>
   </head>
   ```

3. बाहरी स्टाइल शीट: एक अलग `.css` फ़ाइल में सीएसएस नियमों को परिभाषित करके और फिर HTML दस्तावेज़ में `<link>` टैग का उपयोग करके उस फ़ाइल को लिंक करके। यह तरीका सबसे अनुशंसित है क्योंकि यह कोड को साफ और व्यवस्थित रखता है और स्टाइल को पुन: उपयोग करने की अनुमति देता है।

   ```html
   <head>
     <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   ```
   `style.css` फ़ाइल में:
   ```css
   p {
     color: purple;
   }
   ```

MediaWiki में, आप आमतौर पर अपनी विकि साइट के `MediaWiki:Common.css` पेज में बाहरी स्टाइल शीट के रूप में सीएसएस जोड़ते हैं। यह सुनिश्चित करता है कि सीएसएस सभी पृष्ठों पर लागू हो।

सीएसएस चयनकर्ता (Selectors)

चयनकर्ता आपको यह निर्दिष्ट करने की अनुमति देते हैं कि आप किस HTML तत्व को स्टाइल करना चाहते हैं। यहां कुछ सामान्य चयनकर्ता दिए गए हैं:

  • तत्व चयनकर्ता (Element Selector): सभी HTML तत्वों का चयन करता है। उदाहरण: `p`, `h1`, `div`।
  • वर्ग चयनकर्ता (Class Selector): एक विशिष्ट वर्ग वाले सभी तत्वों का चयन करता है। उदाहरण: `.classname`।
  • आईडी चयनकर्ता (ID Selector): एक विशिष्ट आईडी वाले तत्व का चयन करता है। उदाहरण: `#idname`।
  • एट्रिब्यूट चयनकर्ता (Attribute Selector): एक विशिष्ट एट्रिब्यूट वाले तत्वों का चयन करता है। उदाहरण: `[type="text"]`।
  • स्यूडो-क्लास चयनकर्ता (Pseudo-class Selector): तत्वों का चयन करता है जो एक विशिष्ट स्थिति में हैं। उदाहरण: `:hover`, `:active`, `:visited`।
  • स्यूडो-एलिमेंट चयनकर्ता (Pseudo-element Selector): तत्वों के विशिष्ट भागों को स्टाइल करता है। उदाहरण: `::before`, `::after`।

सीएसएस गुण (Properties)

सीएसएस गुणों का उपयोग HTML तत्वों की दृश्य शैली को बदलने के लिए किया जाता है। यहां कुछ सामान्य गुण दिए गए हैं:

  • color: टेक्स्ट का रंग सेट करता है।
  • font-size: टेक्स्ट का आकार सेट करता है।
  • font-family: टेक्स्ट के लिए फ़ॉन्ट सेट करता है।
  • background-color: तत्व का पृष्ठभूमि रंग सेट करता है।
  • width: तत्व की चौड़ाई सेट करता है।
  • height: तत्व की ऊंचाई सेट करता है।
  • margin: तत्व के चारों ओर मार्जिन सेट करता है।
  • padding: तत्व के अंदर पैडिंग सेट करता है।
  • border: तत्व के चारों ओर बॉर्डर सेट करता है।
  • text-align: टेक्स्ट का संरेखण सेट करता है।
  • display: तत्व के प्रदर्शन प्रकार को सेट करता है (जैसे, `block`, `inline`, `none`)।
  • position: तत्व की स्थिति को सेट करता है (जैसे, `static`, `relative`, `absolute`, `fixed`)।

सीएसएस बॉक्स मॉडल

सीएसएस बॉक्स मॉडल HTML तत्वों की संरचना को समझने के लिए एक महत्वपूर्ण अवधारणा है। प्रत्येक HTML तत्व को एक आयताकार बॉक्स के रूप में माना जाता है, जिसमें निम्नलिखित भाग होते हैं:

  • सामग्री (Content): तत्व का वास्तविक सामग्री, जैसे टेक्स्ट या चित्र।
  • पैडिंग (Padding): सामग्री और बॉर्डर के बीच की जगह।
  • बॉर्डर (Border): तत्व के चारों ओर एक लाइन।
  • मार्जिन (Margin): बॉर्डर और अन्य तत्वों के बीच की जगह।

बॉक्स मॉडल को समझना आपको तत्वों के आकार और स्थिति को नियंत्रित करने में मदद करता है।

विशिष्टता (Specificity)

जब कई सीएसएस नियम एक ही तत्व पर लागू होते हैं, तो ब्राउज़र यह निर्धारित करने के लिए विशिष्टता का उपयोग करता है कि कौन सा नियम लागू करना है। सामान्य तौर पर, अधिक विशिष्ट नियम कम विशिष्ट नियमों को ओवरराइड करते हैं।

विशिष्टता को निम्नलिखित क्रम में गिना जाता है:

1. इनलाइन स्टाइल (Inline styles): सबसे अधिक विशिष्ट। 2. आईडी चयनकर्ता (ID selectors): 3. वर्ग चयनकर्ता (Class selectors), एट्रिब्यूट चयनकर्ता (Attribute selectors), और स्यूडो-क्लास चयनकर्ता (Pseudo-class selectors): 4. तत्व चयनकर्ता (Element selectors) और स्यूडो-एलिमेंट चयनकर्ता (Pseudo-element selectors): सबसे कम विशिष्ट।

आप `!important` घोषणा का उपयोग करके किसी नियम की विशिष्टता को बढ़ा सकते हैं, लेकिन इसका उपयोग सावधानी से किया जाना चाहिए क्योंकि यह अन्य नियमों को ओवरराइड कर सकता है और कोड को बनाए रखना मुश्किल बना सकता है।

MediaWiki में सीएसएस का उपयोग करने के लिए संसाधन

बाइनरी ऑप्शन और जोखिम प्रबंधन

हालांकि यह लेख मुख्य रूप से सीएसएस पर केंद्रित है, मैं बाइनरी ऑप्शन के बारे में कुछ जानकारी भी प्रदान करूंगा, क्योंकि आपने उल्लेख किया था कि आप इस क्षेत्र में विशेषज्ञ हैं। बाइनरी ऑप्शन एक वित्तीय उपकरण है जो निवेशकों को एक निश्चित समय सीमा के भीतर किसी संपत्ति की कीमत बढ़ेगी या घटेगी, इस पर अनुमान लगाने की अनुमति देता है। यदि अनुमान सही है, तो निवेशक एक पूर्व निर्धारित लाभ प्राप्त करता है। यदि अनुमान गलत है, तो निवेशक अपनी निवेश राशि खो देता है।

बाइनरी ऑप्शन में जोखिम बहुत अधिक होता है, और निवेशकों को निवेश करने से पहले जोखिमों को पूरी तरह से समझना चाहिए। यहां कुछ जोखिम प्रबंधन युक्तियां दी गई हैं:

यह ध्यान रखना महत्वपूर्ण है कि बाइनरी ऑप्शन में कोई गारंटीकृत लाभ नहीं है, और निवेशकों को निवेश करने से पहले सावधानी बरतनी चाहिए।

यह लेख MediaWiki 1.40 में सीएसएस के उपयोग के बारे में एक बुनियादी परिचय प्रदान करता है। अधिक जानकारी के लिए, कृपया ऊपर दिए गए संसाधनों का संदर्भ लें।

अभी ट्रेडिंग शुरू करें

IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)

हमारे समुदाय में शामिल हों

हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री

Баннер