CSS मान
CSS मान
CSS (कैस्केडिंग स्टाइल शीट्स) वेब पेजों की शैली और लेआउट को नियंत्रित करने के लिए उपयोग की जाने वाली एक प्रमुख तकनीक है। CSS नियमों में, CSS मान यह निर्धारित करते हैं कि किसी संपत्ति को कैसे प्रस्तुत किया जाएगा। ये मान विभिन्न प्रकार के डेटा प्रकारों में आ सकते हैं, प्रत्येक की अपनी सिंटैक्स और व्यवहार होता है। यह लेख CSS मानों पर एक विस्तृत नज़र डालेगा, जिसमें उनके प्रकार, सिंटैक्स, सामान्य मान, और उपयोग के उदाहरण शामिल हैं।
CSS मानों के प्रकार
CSS मानों को मुख्य रूप से निम्नलिखित प्रकारों में वर्गीकृत किया जा सकता है:
- कीवर्ड: पूर्व-परिभाषित शब्द जो विशिष्ट मानों का प्रतिनिधित्व करते हैं। उदाहरण के लिए, `red`, `blue`, `auto`, `none`, `bold`, `italic`।
- संख्यात्मक मान: संख्याएँ जो लंबाई, कोण, समय, आवृत्ति या अन्य मात्रात्मक गुणों को दर्शाती हैं। संख्यात्मक मानों को अक्सर इकाइयों के साथ जोड़ा जाता है।
- रंग मान: रंगों को निर्दिष्ट करने के लिए उपयोग किए जाने वाले मान। रंग मान हेक्साडेसिमल कोड, आरजीबी मान, आरजीबीए मान, एचएसएल मान, या रंग कीवर्ड के रूप में हो सकते हैं।
- फ़ंक्शन: पूर्व-परिभाषित फ़ंक्शन जो मानों को संसाधित करते हैं और एक नया मान लौटाते हैं। उदाहरण के लिए, `url()`, `rgb()`, `hsl()`, `calc()`।
- स्ट्रिंग: टेक्स्ट स्ट्रिंग जो कुछ गुणों के लिए उपयोग की जाती हैं, जैसे कि `font-family` या `content`।
CSS मानों का सिंटैक्स
CSS मानों का सिंटैक्स संपत्ति के प्रकार और मान के प्रकार पर निर्भर करता है। सामान्य सिंटैक्स नियमों में शामिल हैं:
- इकाइयाँ: संख्यात्मक मानों को हमेशा एक इकाई के साथ जोड़ा जाना चाहिए। सामान्य इकाइयों में `px` (पिक्सेल), `em` (फ़ॉन्ट आकार), `rem` (रूट फ़ॉन्ट आकार), `pt` (पॉइंट), `%` (प्रतिशत), `vw` (व्यूपोर्ट चौड़ाई), `vh` (व्यूपोर्ट ऊंचाई) शामिल हैं।
- स्पेस: मानों के बीच स्पेस का उपयोग विभाजक के रूप में किया जा सकता है।
- कस्केडिंग: यदि किसी संपत्ति के लिए कई मान निर्दिष्ट किए गए हैं, तो CSS कस्केडिंग नियमों के अनुसार अंतिम मान लागू किया जाएगा।
- विशिष्टता: विशिष्टता यह निर्धारित करती है कि किस CSS नियम को लागू किया जाएगा जब कई नियम एक ही संपत्ति को लक्षित करते हैं।
सामान्य CSS मान
यहां कुछ सामान्य CSS मानों की एक तालिका दी गई है:
| मान | विवरण | | ||||||||||
| red | टेक्स्ट का रंग लाल सेट करता है। | | blue | पृष्ठभूमि का रंग नीला सेट करता है। | | 16px | फ़ॉन्ट का आकार 16 पिक्सेल पर सेट करता है। | | bold | फ़ॉन्ट को बोल्ड बनाता है। | | center | टेक्स्ट को केंद्र में संरेखित करता है। | | 10px | चारों ओर मार्जिन 10 पिक्सेल पर सेट करता है। | | 5px | चारों ओर पैडिंग 5 पिक्सेल पर सेट करता है। | | 100% | तत्व की चौड़ाई कंटेनर की 100% पर सेट करता है। | | auto | तत्व की ऊंचाई सामग्री के आधार पर स्वचालित रूप से समायोजित होती है। | | block | तत्व को एक ब्लॉक-स्तरीय तत्व के रूप में प्रदर्शित करता है। | | inline | तत्व को एक इनलाइन-स्तरीय तत्व के रूप में प्रदर्शित करता है। | |
रंग मान
रंग मान CSS में रंगों को निर्दिष्ट करने के लिए उपयोग किए जाते हैं। यहां कुछ सामान्य रंग मान प्रारूप दिए गए हैं:
- रंग कीवर्ड: पूर्व-परिभाषित रंग नाम, जैसे कि `red`, `green`, `blue`, `yellow`, `black`, `white`।
- हेक्साडेसिमल कोड: `#` प्रतीक के बाद छह हेक्साडेसिमल अंकों (0-9 और A-F) का एक संयोजन। उदाहरण के लिए, `#FF0000` लाल रंग का प्रतिनिधित्व करता है।
- आरजीबी मान: `rgb()` फ़ंक्शन का उपयोग करके लाल, हरे और नीले रंग के मान निर्दिष्ट करें। उदाहरण के लिए, `rgb(255, 0, 0)` लाल रंग का प्रतिनिधित्व करता है।
- आरजीबीए मान: `rgba()` फ़ंक्शन का उपयोग करके लाल, हरे, नीले रंग के मान और अल्फा (पारदर्शिता) मान निर्दिष्ट करें। उदाहरण के लिए, `rgba(255, 0, 0, 0.5)` आधा पारदर्शी लाल रंग का प्रतिनिधित्व करता है।
- एचएसएल मान: `hsl()` फ़ंक्शन का उपयोग करके रंग, संतृप्ति और चमक मान निर्दिष्ट करें।
- एचएसएलए मान: `hsla()` फ़ंक्शन का उपयोग करके रंग, संतृप्ति, चमक मान और अल्फा (पारदर्शिता) मान निर्दिष्ट करें।
फ़ंक्शन
CSS फ़ंक्शन मानों को संसाधित करते हैं और एक नया मान लौटाते हैं। यहां कुछ सामान्य CSS फ़ंक्शन दिए गए हैं:
- url(): एक छवि या अन्य संसाधन का URL निर्दिष्ट करता है। उदाहरण के लिए, `url(images/logo.png)`।
- rgb(): लाल, हरे और नीले रंग के मानों को निर्दिष्ट करके एक रंग बनाता है।
- rgba(): लाल, हरे, नीले रंग के मानों और अल्फा (पारदर्शिता) मान को निर्दिष्ट करके एक रंग बनाता है।
- hsl(): रंग, संतृप्ति और चमक मानों को निर्दिष्ट करके एक रंग बनाता है।
- hsla(): रंग, संतृप्ति, चमक मानों और अल्फा (पारदर्शिता) मान को निर्दिष्ट करके एक रंग बनाता है।
- calc(): गणितीय अभिव्यक्तियों का उपयोग करके मानों की गणना करता है। उदाहरण के लिए, `calc(100% - 20px)`।
- min(): दिए गए मानों में से न्यूनतम मान लौटाता है।
- max(): दिए गए मानों में से अधिकतम मान लौटाता है।
उदाहरण
यहां CSS मानों के कुछ उदाहरण दिए गए हैं:
- `p { color: blue; font-size: 16px; }` - सभी पैराग्राफ तत्वों के लिए टेक्स्ट का रंग नीला और फ़ॉन्ट का आकार 16 पिक्सेल सेट करता है।
- `h1 { font-weight: bold; text-align: center; }` - सभी H1 हेडिंग तत्वों के लिए फ़ॉन्ट को बोल्ड और टेक्स्ट को केंद्र में संरेखित करता है।
- `div { width: 50%; background-color: #f0f0f0; }` - सभी डिव तत्वों के लिए चौड़ाई 50% और पृष्ठभूमि का रंग हल्का ग्रे सेट करता है।
- `a { color: #007bff; text-decoration: none; }` - सभी एंकर (लिंक) तत्वों के लिए रंग नीला और टेक्स्ट डेकोरेशन को हटा देता है।
- `img { width: 100px; height: auto; }` - सभी छवि तत्वों के लिए चौड़ाई 100 पिक्सेल और ऊंचाई स्वचालित रूप से समायोजित होती है।
उन्नत अवधारणाएँ
- CSS चर (Custom Properties): CSS चर आपको अपने CSS कोड में मानों को संग्रहीत करने और पुन: उपयोग करने की अनुमति देते हैं।
- CSS डेटा प्रकार: CSS में विभिन्न डेटा प्रकार होते हैं, जैसे कि `<length>`, `<number>`, `<percentage>`, `<color>`, `<angle>`, `
- मान रूपांतरण: CSS कुछ मानों को स्वचालित रूप से परिवर्तित कर सकता है। उदाहरण के लिए, यदि आप किसी तत्व की ऊंचाई को `auto` पर सेट करते हैं, तो CSS स्वचालित रूप से ऊंचाई को सामग्री के आधार पर समायोजित करेगा।
बाइनरी ऑप्शन और तकनीकी विश्लेषण के साथ संबंध
हालांकि CSS सीधे तौर पर बाइनरी ऑप्शन ट्रेडिंग से संबंधित नहीं है, लेकिन वेब-आधारित ट्रेडिंग प्लेटफ़ॉर्म के दृश्य प्रतिनिधित्व और उपयोगकर्ता अनुभव को बेहतर बनाने में इसका उपयोग होता है। तकनीकी विश्लेषण चार्ट, संकेतक और अन्य दृश्य तत्वों को CSS का उपयोग करके स्टाइल किया जा सकता है। एक अच्छी तरह से डिज़ाइन किया गया ट्रेडिंग प्लेटफ़ॉर्म व्यापारियों को जानकारी को स्पष्ट रूप से समझने और त्वरित निर्णय लेने में मदद कर सकता है।
यहाँ कुछ संबंधित बाइनरी ऑप्शन और तकनीकी विश्लेषण लिंक दिए गए हैं:
- बाइनरी ऑप्शन क्या है?
- तकनीकी विश्लेषण
- कैंडलस्टिक चार्ट
- मूविंग एवरेज
- आरएसआई (रिलेटिव स्ट्रेंथ इंडेक्स)
- एमएसीडी (मूविंग एवरेज कन्वर्जेंस डाइवर्जेंस)
- बोलिंगर बैंड
- फिबोनैचि रिट्रेसमेंट
- ट्रेडिंग वॉल्यूम विश्लेषण
- बाइनरी ऑप्शन रणनीतियाँ
- जोखिम प्रबंधन
- धन प्रबंधन
- बाइनरी ऑप्शन ब्रोकर
- बाइनरी ऑप्शन विनियमन
- बाइनरी ऑप्शन डेमो अकाउंट
- बाइनरी ऑप्शन सिग्नल
- बाइनरी ऑप्शन समीक्षाएँ
- बाइनरी ऑप्शन टिप्स
- बाइनरी ऑप्शन रणनीति: पिन बार
- बाइनरी ऑप्शन रणनीति: प्राइस एक्शन
- बाइनरी ऑप्शन रणनीति: ब्रेकआउट
- बाइनरी ऑप्शन रणनीति: ट्रेंड फॉलोइंग
- बाइनरी ऑप्शन रणनीति: रिवर्सल
- बाइनरी ऑप्शन रणनीति: स्केलिंग
- बाइनरी ऑप्शन रणनीति: मार्टिंगेल
- बाइनरी ऑप्शन रणनीति: एंटी-मार्टिंगेल
- बाइनरी ऑप्शन रणनीति: हेजिंग
- बाइनरी ऑप्शन रणनीति: स्प्रेड ट्रेडिंग
- बाइनरी ऑप्शन रणनीति: स्ट्रैडल
- बाइनरी ऑप्शन रणनीति: स्ट्रैंगल
निष्कर्ष
CSS मान वेब डेवलपमेंट का एक अनिवार्य हिस्सा हैं। विभिन्न प्रकार के मानों, सिंटैक्स नियमों और उपयोग के उदाहरणों को समझकर, आप प्रभावी और आकर्षक वेब पेज बना सकते हैं। CSS मानों में महारत हासिल करना आपको वेब डिज़ाइन और विकास में एक मजबूत नींव प्रदान करेगा।
अभी ट्रेडिंग शुरू करें
IQ Option पर रजिस्टर करें (न्यूनतम जमा ₹750) Pocket Option में खाता खोलें (न्यूनतम जमा ₹400)
हमारे समुदाय में शामिल हों
हमारे Telegram चैनल @strategybin को सब्सक्राइब करें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार के ट्रेंड्स की अलर्ट ✓ शुरुआती लोगों के लिए शैक्षिक सामग्री
