CSS सिंटैक्स
सीएसएस सिंटैक्स
सीएसएस (Cascading Style Sheets) एक स्टाइल शीट भाषा है जिसका उपयोग HTML (HyperText Markup Language) या XML (Extensible Markup Language) दस्तावेजों के प्रदर्शन को नियंत्रित करने के लिए किया जाता है। MediaWiki में, सीएसएस का उपयोग विकि के दृश्य को अनुकूलित करने, लेआउट को बदलने और समग्र उपयोगकर्ता अनुभव को बेहतर बनाने के लिए किया जाता है। यह लेख MediaWiki 1.40 संदर्भ में सीएसएस सिंटैक्स की विस्तृत व्याख्या प्रदान करता है, जिसमें बुनियादी संरचना, चयनकर्ता, गुण, मान और उन्नत अवधारणाएं शामिल हैं।
सीएसएस की बुनियादी संरचना
सीएसएस नियम तीन मुख्य भागों से मिलकर बने होते हैं:
- चयनकर्ता (Selector): यह निर्दिष्ट करता है कि नियम किस HTML तत्वों पर लागू होगा। उदाहरण के लिए, आप सभी पैराग्राफ तत्वों (`p`) या एक विशिष्ट आईडी वाले तत्व (`#myElement`) को लक्षित कर सकते हैं।
- गुण (Property): यह वह विशेषता है जिसे आप बदलना चाहते हैं, जैसे कि रंग, फ़ॉन्ट आकार या पृष्ठभूमि।
- मान (Value): यह गुण के लिए निर्दिष्ट मान है। उदाहरण के लिए, `color: blue;` गुण `color` को `blue` मान पर सेट करता है।
एक सीएसएस नियम का सामान्य स्वरूप इस प्रकार है:
```css चयनकर्ता {
गुण: मान; गुण: मान; ...
} ```
उदाहरण:
```css p {
color: green; font-size: 16px;
} ```
यह नियम सभी पैराग्राफ तत्वों का रंग हरा और फ़ॉन्ट आकार 16 पिक्सेल पर सेट करेगा।
सीएसएस चयनकर्ता
सीएसएस चयनकर्ता HTML तत्वों को लक्षित करने के विभिन्न तरीके प्रदान करते हैं। कुछ सामान्य चयनकर्ताओं में शामिल हैं:
- तत्व चयनकर्ता (Element Selector): यह सभी निर्दिष्ट HTML तत्वों का चयन करता है। उदाहरण: `p`, `h1`, `div`।
- आईडी चयनकर्ता (ID Selector): यह एक विशिष्ट आईडी वाले तत्व का चयन करता है। आईडी चयनकर्ता `#` चिन्ह से शुरू होते हैं। उदाहरण: `#myElement`।
- क्लास चयनकर्ता (Class Selector): यह एक विशिष्ट क्लास वाले सभी तत्वों का चयन करता है। क्लास चयनकर्ता `.` चिन्ह से शुरू होते हैं। उदाहरण: `.myClass`।
- एट्रिब्यूट चयनकर्ता (Attribute Selector): यह एक विशिष्ट एट्रिब्यूट वाले तत्वों का चयन करता है। उदाहरण: `[type="text"]`।
- स्यूडो-क्लास चयनकर्ता (Pseudo-class Selector): यह एक विशिष्ट स्थिति में तत्वों का चयन करता है। उदाहरण: `:hover`, `:active`, `:visited`।
- स्यूडो-एलिमेंट चयनकर्ता (Pseudo-element Selector): यह किसी तत्व के विशिष्ट भाग का चयन करता है। उदाहरण: `::before`, `::after`।
- कॉम्बिनेटर (Combinators): चयनकर्ताओं को संयोजित करने के लिए उपयोग किए जाते हैं।
* वंशज चयनकर्ता (Descendant Combinator): (स्पेस) - एक तत्व के वंशजों का चयन करता है। * चाइल्ड चयनकर्ता (Child Combinator): (`>`) - एक तत्व के प्रत्यक्ष बच्चों का चयन करता है। * एजेंट चयनकर्ता (Adjacent Sibling Combinator): (`+`) - एक तत्व के ठीक बाद आने वाले भाई का चयन करता है। * सामान्य भाई चयनकर्ता (General Sibling Combinator): (`~`) - एक तत्व के बाद आने वाले सभी भाईयों का चयन करता है।
सीएसएस गुण और मान
सीएसएस गुणों और मानों की एक विस्तृत श्रृंखला उपलब्ध है जो आपको HTML तत्वों के प्रदर्शन को नियंत्रित करने की अनुमति देती है। कुछ सामान्य गुणों में शामिल हैं:
- टेक्स्ट गुण (Text Properties): `color`, `font-size`, `font-family`, `text-align`, `line-height`।
- बॉक्स मॉडल गुण (Box Model Properties): `width`, `height`, `margin`, `padding`, `border`।
- पृष्ठभूमि गुण (Background Properties): `background-color`, `background-image`, `background-repeat`, `background-position`।
- डिस्प्ले गुण (Display Properties): `display`, `visibility`, `position`, `float`, `clear`।
मान विभिन्न प्रकार के हो सकते हैं, जैसे:
- कीवर्ड (Keywords): `red`, `blue`, `bold`, `italic`, `none`।
- संख्यात्मक मान (Numerical Values): `16px`, `2em`, `100%`।
- रंग मान (Color Values): `hexadecimal` (`#FF0000`), `RGB` (`rgb(255, 0, 0)`), `RGBA` (`rgba(255, 0, 0, 0.5)`)।
- URL (URLs): `url("image.jpg")`।
सीएसएस कैसे लागू करें
MediaWiki में सीएसएस को लागू करने के तीन मुख्य तरीके हैं:
- इनलाइन सीएसएस (Inline CSS): HTML तत्वों में सीधे `style` एट्रिब्यूट का उपयोग करके। यह आम तौर पर अनुशंसित नहीं है क्योंकि यह कोड को अव्यवस्थित करता है और रखरखाव को कठिन बनाता है।
- आंतरिक सीएसएस (Internal CSS): `<style>` टैग का उपयोग करके HTML दस्तावेज़ के `<head>` सेक्शन में सीएसएस नियमों को एम्बेड करके। यह एक विशिष्ट पृष्ठ के लिए सीएसएस को लागू करने के लिए उपयोगी है।
- बाहरी सीएसएस (External CSS): एक अलग `.css` फ़ाइल में सीएसएस नियमों को लिखकर और फिर `<link>` टैग का उपयोग करके HTML दस्तावेज़ में फ़ाइल को लिंक करके। यह सबसे अनुशंसित तरीका है क्योंकि यह कोड को अलग रखता है और रखरखाव को आसान बनाता है। MediaWiki में, आप `MediaWiki:Common.css` या `MediaWiki:Skin.css` जैसी विशिष्ट सीएसएस फ़ाइलों का उपयोग कर सकते हैं।
सीएसएस विशिष्टता और कैस्केडिंग
जब कई सीएसएस नियम एक ही तत्व पर लागू होते हैं, तो ब्राउज़र यह निर्धारित करने के लिए कि कौन से नियम लागू करने हैं, विशिष्टता और कैस्केडिंग का उपयोग करता है।
- विशिष्टता (Specificity): यह निर्धारित करता है कि एक चयनकर्ता दूसरे की तुलना में कितना विशिष्ट है। आईडी चयनकर्ता क्लास चयनकर्ताओं से अधिक विशिष्ट होते हैं, जो तत्व चयनकर्ताओं से अधिक विशिष्ट होते हैं।
- कैस्केडिंग (Cascading): यह निर्धारित करता है कि यदि विशिष्टता समान है तो नियमों का क्रम कैसे निर्धारित किया जाता है। नियम जो बाद में परिभाषित किए जाते हैं, वे पहले परिभाषित किए गए नियमों को ओवरराइड करते हैं।
उन्नत सीएसएस अवधारणाएं
- फ्लेक्सबॉक्स (Flexbox): एक शक्तिशाली लेआउट मॉड्यूल जो तत्वों को एक पंक्ति या कॉलम में व्यवस्थित करने के लिए उपयोग किया जाता है।
- ग्रिड (Grid): एक दो आयामी लेआउट सिस्टम जो आपको जटिल लेआउट बनाने की अनुमति देता है।
- मीडिया क्वेरी (Media Queries): आपको विभिन्न उपकरणों और स्क्रीन आकारों के लिए अलग-अलग सीएसएस नियम लागू करने की अनुमति देते हैं, जिससे आप रिस्पॉन्सिव वेब डिज़ाइन बना सकते हैं।
- सीएसएस एनिमेशन (CSS Animations): आपको HTML तत्वों के लिए एनिमेशन बनाने की अनुमति देते हैं।
- सीएसएस ट्रांसफॉर्मेशन (CSS Transformations): आपको HTML तत्वों को घुमाने, स्केल करने, स्थानांतरित करने और तिरछा करने की अनुमति देते हैं।
MediaWiki में सीएसएस का उपयोग
MediaWiki में, सीएसएस का उपयोग विभिन्न उद्देश्यों के लिए किया जाता है, जैसे:
- विकि की उपस्थिति को अनुकूलित करना (Customizing the wiki's appearance): रंग योजनाओं को बदलना, फ़ॉन्ट को अनुकूलित करना और लेआउट को बदलना।
- उपयोगकर्ता इंटरफ़ेस को बेहतर बनाना (Improving the user interface): नेविगेशन मेनू को अनुकूलित करना, फॉर्म को स्टाइल करना और त्रुटि संदेशों को प्रदर्शित करना।
- विशेष सुविधाएँ जोड़ना (Adding special features): इंटरैक्टिव तत्वों को बनाना, एनिमेशन जोड़ना और अन्य उन्नत सुविधाएँ लागू करना।
MediaWiki में सीएसएस को अनुकूलित करने के लिए, आप `MediaWiki:Common.css` फ़ाइल का उपयोग कर सकते हैं। यह फ़ाइल सभी पृष्ठों पर लागू होती है। आप विशिष्ट स्किन के लिए सीएसएस को अनुकूलित करने के लिए `MediaWiki:Skin.css` फ़ाइल का भी उपयोग कर सकते हैं।
बाइनरी विकल्पों के लिए प्रासंगिक विषय
हालांकि यह लेख मुख्य रूप से सीएसएस सिंटैक्स पर केंद्रित है, यहां बाइनरी विकल्पों से संबंधित कुछ प्रासंगिक विषय दिए गए हैं:
- तकनीकी विश्लेषण (Technical Analysis): चार्ट पैटर्न, संकेतक और रुझानों का उपयोग करके भविष्य के मूल्य आंदोलनों की भविष्यवाणी करना। तकनीकी विश्लेषण
- ट्रेडिंग वॉल्यूम विश्लेषण (Trading Volume Analysis): मूल्य आंदोलनों की ताकत और वैधता का आकलन करने के लिए ट्रेडिंग वॉल्यूम का उपयोग करना। ट्रेडिंग वॉल्यूम विश्लेषण
- संकेतक (Indicators): मूविंग एवरेज, आरएसआई, एमएसीडी और अन्य संकेतकों का उपयोग करके ट्रेडिंग सिग्नल उत्पन्न करना। मूविंग एवरेज आरएसआई एमएसीडी
- रणनीतियाँ (Strategies): विशिष्ट बाजार स्थितियों में लाभ उत्पन्न करने के लिए डिज़ाइन की गई ट्रेडिंग योजनाओं का उपयोग करना। स्ट्रैडल रणनीति बटरफ्लाई रणनीति 60 सेकंड रणनीति
- ट्रेंड्स (Trends): बाजार की दिशा का निर्धारण करना और रुझानों के साथ व्यापार करना। अपट्रेंड डाउनट्रेंड साइडवेज ट्रेंड
- जोखिम प्रबंधन (Risk Management): पूंजी की रक्षा के लिए स्टॉप-लॉस ऑर्डर और पोजीशन साइजिंग तकनीकों का उपयोग करना। स्टॉप-लॉस ऑर्डर पोजीशन साइजिंग
- ब्रोकर (Brokers): बाइनरी विकल्पों के व्यापार के लिए एक मंच प्रदान करने वाली कंपनियां। बाइनरी ऑप्शन ब्रोकर
- एसेट (Assets): मुद्रा जोड़े, स्टॉक, कमोडिटीज और सूचकांक जैसे व्यापार योग्य वित्तीय साधन। मुद्रा जोड़े स्टॉक कमोडिटीज
- पेआउट (Payouts): सफल ट्रेडों पर प्राप्त होने वाली राशि। उच्च पेआउट कम पेआउट
- समय सीमा (Expiry Times): ट्रेड की समाप्ति का समय। 60 सेकंड की समय सीमा 5 मिनट की समय सीमा दिन की समाप्ति
- ट्रेडिंग मनोविज्ञान (Trading Psychology): भावनाओं को नियंत्रित करना और तर्कसंगत निर्णय लेना। डर और लालच अनुशासन
- मनी मैनेजमेंट (Money Management): पूंजी को प्रभावी ढंग से प्रबंधित करना और लाभ को अधिकतम करना। मार्टिंगेल रणनीति एंटी-मार्टिंगेल रणनीति
- डेमो अकाउंट (Demo Account): वास्तविक धन को जोखिम में डाले बिना ट्रेडिंग का अभ्यास करने के लिए एक सिमुलेटेड ट्रेडिंग वातावरण। डेमो अकाउंट का उपयोग
- बाइनरी ऑप्शन ट्रेडिंग प्लेटफॉर्म (Binary Option Trading Platform): बाइनरी विकल्पों का व्यापार करने के लिए उपयोग किए जाने वाले सॉफ़्टवेयर एप्लिकेशन। मेटैट्रेडर 4 डेरिव
- उच्च/निम्न (High/Low): एक लोकप्रिय बाइनरी विकल्प अनुबंध जो भविष्यवाणी करता है कि संपत्ति की कीमत एक निश्चित समय सीमा में ऊपर या नीचे जाएगी। उच्च/निम्न विकल्प
- टच/नो टच (Touch/No Touch): एक बाइनरी विकल्प अनुबंध जो भविष्यवाणी करता है कि संपत्ति की कीमत एक निश्चित समय सीमा में एक निर्दिष्ट मूल्य स्तर को छूएगी या नहीं। टच/नो टच विकल्प
यह लेख MediaWiki 1.40 में सीएसएस सिंटैक्स की व्यापक समझ प्रदान करता है। सीएसएस का उपयोग करके, आप अपने विकि के दृश्य को अनुकूलित कर सकते हैं और उपयोगकर्ता अनुभव को बेहतर बना सकते हैं।
MediaWiki HTML XML CSS JavaScript विकि सिंटैक्स स्किन टेम्प्लेट श्रेणी MediaWiki:Common.css
अभी ट्रेडिंग शुरू करें
IQ Option पर रजिस्टर करें (न्यूनतम जमा ₹750) Pocket Option में खाता खोलें (न्यूनतम जमा ₹400)
हमारे समुदाय में शामिल हों
हमारे Telegram चैनल @strategybin को सब्सक्राइब करें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार के ट्रेंड्स की अलर्ट ✓ शुरुआती लोगों के लिए शैक्षिक सामग्री
