MediaWiki Help:CSS

From binaryoption
Jump to navigation Jump to search
Баннер1

मीडियाविकि सहायता: सीएसएस

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

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

सीएसएस एक शैली पत्रक भाषा है जिसका उपयोग HTML (या मीडियाविकि विकि मार्कअप) तत्वों के स्वरूप को नियंत्रित करने के लिए किया जाता है। यह आपको रंग, फ़ॉन्ट, लेआउट और अन्य दृश्य पहलुओं को बदलने की अनुमति देता है। सीएसएस का उपयोग करके, आप अपनी वेबसाइट के स्वरूप को एक समान बना सकते हैं और इसे अधिक आकर्षक बना सकते हैं।

मीडियाविकि में सीएसएस का उपयोग

मीडियाविकि में सीएसएस का उपयोग करने के कई तरीके हैं:

  • मीडियाविकि प्री-इंस्टॉल्ड सीएसएस: मीडियाविकि कुछ डिफ़ॉल्ट सीएसएस शैलियों के साथ आता है जो वेबसाइट के मूल स्वरूप को परिभाषित करती हैं।
  • अपने यूजर सीएसएस का उपयोग करना: प्रत्येक पंजीकृत उपयोगकर्ता अपने यूजर सीएसएस पृष्ठ पर कस्टम सीएसएस शैलियाँ जोड़ सकता है। ये शैलियाँ केवल उस उपयोगकर्ता को दिखाई देंगी।
  • साइट-वाइड सीएसएस का उपयोग करना: व्यवस्थापक मीडियाविकि: कॉमन.सीएसएस पृष्ठ पर साइट-वाइड सीएसएस शैलियाँ जोड़ सकते हैं। ये शैलियाँ वेबसाइट के सभी उपयोगकर्ताओं को दिखाई देंगी।
  • विशिष्ट पृष्ठों के लिए सीएसएस: आप विशिष्ट पृष्ठों के लिए कस्टम सीएसएस शैलियाँ भी जोड़ सकते हैं, जैसे कि श्रेणी:मीडियाविकि_सीएसएस पृष्ठ।

यूजर सीएसएस

अपने यूजर सीएसएस पृष्ठ को अनुकूलित करने के लिए, निम्नलिखित चरणों का पालन करें:

1. एक खाता बनाएँ और लॉग इन करें। 2. अपने यूजर पेज पर जाएँ (उदाहरण के लिए, उपयोगकर्ता:आपका नाम)। 3. "उपयोगकर्ता शैली" नामक एक लिंक देखें और उस पर क्लिक करें। यदि यह लिंक दिखाई नहीं देता है, तो आपको अपनी मीडियाविकि: कॉमन.सीएसएस में एक लिंक जोड़ने की आवश्यकता हो सकती है, या अपने विशेष: वरीयताएँ में "उपयोगकर्ता शैली" विकल्प को सक्षम करना पड़ सकता है। 4. एक टेक्स्ट बॉक्स में अपनी कस्टम सीएसएस शैलियाँ दर्ज करें। 5. "पेज सहेजें" बटन पर क्लिक करें।

साइट-वाइड सीएसएस

साइट-वाइड सीएसएस को अनुकूलित करने के लिए, व्यवस्थापक को निम्नलिखित चरणों का पालन करना होगा:

1. व्यवस्थापक विशेषाधिकार वाले खाते से लॉग इन करें। 2. मीडियाविकि: कॉमन.सीएसएस पृष्ठ पर जाएँ। 3. एक टेक्स्ट बॉक्स में अपनी कस्टम सीएसएस शैलियाँ दर्ज करें। 4. "पेज सहेजें" बटन पर क्लिक करें।

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

सीएसएस सिंटैक्स में सेलेक्टर्स, प्रॉपर्टीज और वैल्यूज़ शामिल हैं।

  • सेलेक्टर्स: सेलेक्टर्स HTML तत्वों को निर्दिष्ट करते हैं जिन्हें आप स्टाइल करना चाहते हैं। उदाहरण के लिए, `h1` सेलेक्टर्स सभी `

    ` तत्वों को स्टाइल करेगा।

  • प्रॉपर्टीज: प्रॉपर्टीज तत्वों के स्वरूप के पहलुओं को परिभाषित करती हैं। उदाहरण के लिए, `color` प्रॉपर्टी टेक्स्ट का रंग सेट करती है।
  • वैल्यूज़: वैल्यूज़ प्रॉपर्टीज के लिए मान निर्दिष्ट करती हैं। उदाहरण के लिए, `red` `color` प्रॉपर्टी के लिए एक वैल्यू है।

यहाँ एक सीएसएस नियम का उदाहरण दिया गया है:

```css h1 {

 color: red;
 font-size: 24px;

} ```

यह नियम सभी `

` तत्वों को लाल रंग में और 24 पिक्सेल के फ़ॉन्ट आकार में प्रदर्शित करेगा।

सामान्य सीएसएस प्रॉपर्टीज

यहाँ कुछ सामान्य सीएसएस प्रॉपर्टीज दी गई हैं:

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

विशिष्टता

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

विशिष्टता के स्तर इस प्रकार हैं:

1. इनलाइन शैलियाँ: HTML तत्व के भीतर सीधे परिभाषित शैलियाँ। 2. आईडी सेलेक्टर्स: आईडी एट्रिब्यूट का उपयोग करके परिभाषित सेलेक्टर्स। 3. क्लास सेलेक्टर्स, एट्रिब्यूट सेलेक्टर्स, और स्यूडो-क्लासेस: क्लास एट्रिब्यूट, एट्रिब्यूट, या स्यूडो-क्लास का उपयोग करके परिभाषित सेलेक्टर्स। 4. एलिमेंट सेलेक्टर्स: HTML तत्व के नाम का उपयोग करके परिभाषित सेलेक्टर्स।

मीडिया क्वेरीज़

मीडिया क्वेरीज़ आपको विभिन्न डिवाइसों या स्क्रीन साइज़ के लिए अलग-अलग सीएसएस शैलियाँ लागू करने की अनुमति देती हैं। यह सुनिश्चित करता है कि आपकी वेबसाइट सभी डिवाइसों पर अच्छी तरह से प्रदर्शित हो।

यहाँ एक मीडिया क्वेरी का उदाहरण दिया गया है:

```css @media (max-width: 768px) {

 body {
   font-size: 14px;
 }

} ```

यह मीडिया क्वेरी 768 पिक्सेल से कम चौड़ाई वाले स्क्रीन पर बॉडी टेक्स्ट का फ़ॉन्ट आकार 14 पिक्सेल पर सेट करेगी।

सीएसएस फ्रेमवर्क

सीएसएस फ्रेमवर्क पूर्व-निर्मित सीएसएस शैलियों का एक संग्रह है जिसे आप अपनी वेबसाइट में उपयोग कर सकते हैं। सीएसएस फ्रेमवर्क आपको समय बचाने और एक सुसंगत डिज़ाइन बनाने में मदद कर सकते हैं।

कुछ लोकप्रिय सीएसएस फ्रेमवर्क में शामिल हैं:

सीएसएस प्रीप्रोसेसर्स

सीएसएस प्रीप्रोसेसर्स आपको सीएसएस कोड लिखने का एक अधिक शक्तिशाली और कुशल तरीका प्रदान करते हैं। सीएसएस प्रीप्रोसेसर्स आपको वेरिएबल्स, मिक्सिन और अन्य सुविधाओं का उपयोग करने की अनुमति देते हैं जो सीएसएस कोड को अधिक प्रबंधनीय और रखरखाव योग्य बनाते हैं।

कुछ लोकप्रिय सीएसएस प्रीप्रोसेसर्स में शामिल हैं:

डीबगिंग सीएसएस

सीएसएस को डीबग करना मुश्किल हो सकता है। यहाँ कुछ युक्तियाँ दी गई हैं:

  • अपने ब्राउज़र के डेवलपर टूल्स का उपयोग करें।
  • अपनी सीएसएस शैलियों को मान्य करें।
  • विशिष्टता का ध्यान रखें।
  • मीडिया क्वेरीज़ का परीक्षण करें।

उन्नत सीएसएस तकनीकें

  • फ्लेक्सबॉक्स: फ्लेक्सबॉक्स एक शक्तिशाली लेआउट मॉडल है जो आपको जटिल लेआउट बनाने की अनुमति देता है।
  • ग्रिड: ग्रिड एक अन्य शक्तिशाली लेआउट मॉडल है जो आपको दो आयामी लेआउट बनाने की अनुमति देता है।
  • ट्रांस्फ़ॉर्म्स: ट्रांस्फ़ॉर्म्स आपको तत्वों को घुमाने, स्केल करने और ट्रांसलेट करने की अनुमति देते हैं।
  • एनिमेशन: एनिमेशन आपको तत्वों को एनिमेट करने की अनुमति देते हैं।
  • ट्रांज़िशन: ट्रांज़िशन आपको तत्वों के बीच सुचारू परिवर्तन बनाने की अनुमति देते हैं।

मीडियाविकि में सीएसएस का उपयोग करने के उदाहरण

  • किसी विशेष श्रेणी के पृष्ठों के लिए पृष्ठभूमि रंग बदलना।
  • सभी लिंक का रंग बदलना।
  • एक विशिष्ट तत्व का फ़ॉन्ट आकार बदलना।
  • एक नया लेआउट बनाना।
  • एक कस्टम थीम बनाना।

बाइनरी ऑप्शन के साथ संबंध (सिद्धांतिक रूप से)

हालांकि सीधे तौर पर सीएसएस का बाइनरी ऑप्शन ट्रेडिंग से कोई संबंध नहीं है, लेकिन एक अच्छी तरह से डिज़ाइन की गई वेबसाइट (सीएसएस के माध्यम से) एक सकारात्मक उपयोगकर्ता अनुभव प्रदान कर सकती है, जो एक ट्रेडिंग प्लेटफॉर्म के लिए महत्वपूर्ण है। एक स्पष्ट और आकर्षक इंटरफ़ेस ट्रेडिंग वॉल्यूम विश्लेषण और तकनीकी विश्लेषण को आसान बना सकता है। त्वरित और कुशल जानकारी प्रदर्शन संकेतक के उपयोग और ट्रेंड्स की पहचान करने में मदद कर सकता है।

यहाँ कुछ संबंधित बाइनरी ऑप्शन लिंक दिए गए हैं:

निष्कर्ष

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

श्रेणी:मीडियाविकि_सीएसएस

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

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

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

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

Баннер