Mozilla Developer Network CSS Documentation

1. 1. मोज़िला डेवलपर नेटवर्क सीएसएस डॉक्यूमेंटेशन: शुरुआती गाइड

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

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

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

MDN सीएसएस डॉक्यूमेंटेशन का अवलोकन

MDN सीएसएस डॉक्यूमेंटेशन एक व्यापक और अच्छी तरह से व्यवस्थित संसाधन है जिसमें सीएसएस के सभी पहलुओं को शामिल किया गया है। इसमें शामिल हैं:

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

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

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

```css selector {

 property: value;
 property: value;

} ```

उदाहरण के लिए, निम्नलिखित सीएसएस नियम सभी पैराग्राफ तत्वों के टेक्स्ट रंग को लाल पर सेट करता है:

```css p {

 color: red;

} ```

सीएसएस सिंटैक्स को समझना आवश्यक है।

सीएसएस सिलेक्टर

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

• **तत्व सिलेक्टर:** विशिष्ट एचटीएमएल तत्वों को लक्षित करता है (जैसे `p`, `h1`, `div`)।
• **क्लास सिलेक्टर:** विशिष्ट क्लास वाले एचटीएमएल तत्वों को लक्षित करता है (जैसे `.my-class`)। क्लास सिलेक्टर
• **आईडी सिलेक्टर:** विशिष्ट आईडी वाले एचटीएमएल तत्वों को लक्षित करता है (जैसे `#my-id`)। आईडी सिलेक्टर
• **एट्रिब्यूट सिलेक्टर:** विशिष्ट एट्रिब्यूट वाले एचटीएमएल तत्वों को लक्षित करता है (जैसे `[type="text"]`)।
• **छद्म-वर्ग सिलेक्टर:** एचटीएमएल तत्वों की विशिष्ट स्थितियों को लक्षित करता है (जैसे `:hover`, `:active`, `:visited`)। छद्म-वर्ग सिलेक्टर
• **छद्म-तत्व सिलेक्टर:** एचटीएमएल तत्वों के विशिष्ट भागों को लक्षित करता है (जैसे `::before`, `::after`)। छद्म-तत्व सिलेक्टर
• **कॉम्बिनेटर सिलेक्टर:** एचटीएमएल तत्वों के बीच संबंधों के आधार पर तत्वों को लक्षित करता है (जैसे `div p`, `div > p`)।

सीएसएस गुण

सीएसएस गुण एचटीएमएल तत्वों की शैली को परिभाषित करते हैं। सैकड़ों अलग-अलग सीएसएस गुण उपलब्ध हैं, जिनमें शामिल हैं:

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

MDN दस्तावेज़ प्रत्येक गुण के बारे में विस्तृत जानकारी प्रदान करता है, जिसमें इसके मान, संगत ब्राउज़र और उदाहरण शामिल हैं। सीएसएस गुण संदर्भ

सीएसएस लेआउट

सीएसएस का उपयोग वेबपेजों के लेआउट को नियंत्रित करने के लिए किया जा सकता है। कई अलग-अलग सीएसएस लेआउट मॉडल उपलब्ध हैं, जिनमें शामिल हैं:

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

सीएसएस एनिमेशन और ट्रांज़िशन

सीएसएस का उपयोग वेबपेजों में एनिमेशन और ट्रांज़िशन बनाने के लिए किया जा सकता है। ट्रांज़िशन सीएसएस गुणों के मूल्यों में धीरे-धीरे परिवर्तन करते हैं, जबकि एनिमेशन अधिक जटिल दृश्यों को बनाने के लिए कई ट्रांज़िशन को जोड़ते हैं। सीएसएस एनिमेशन और सीएसएस ट्रांज़िशन

सीएसएस मीडिया क्वेरी

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

MDN का उपयोग करके सीखना

MDN सीएसएस डॉक्यूमेंटेशन का उपयोग करके सीएसएस सीखने के लिए, निम्नलिखित चरणों का पालन करें:

1. **बुनियादी बातों से शुरुआत करें:** सीएसएस सिंटैक्स, सिलेक्टर और गुणों की मूल अवधारणाओं को समझें। 2. **ट्यूटोरियल का पालन करें:** MDN पर उपलब्ध सीएसएस ट्यूटोरियल का पालन करें ताकि आपको व्यावहारिक अनुभव मिल सके। 3. **उदाहरणों का अन्वेषण करें:** MDN पर उपलब्ध सीएसएस उदाहरणों का अन्वेषण करें ताकि आप विभिन्न प्रकार के डिज़ाइन बनाने के तरीके सीख सकें। 4. **प्रयोग करें:** सीएसएस के साथ प्रयोग करने से न डरें। विभिन्न गुणों और मूल्यों के साथ खेलें ताकि आप देख सकें कि वे कैसे काम करते हैं। 5. **संदर्भ दस्तावेज़ का उपयोग करें:** जब आपको किसी विशिष्ट संपत्ति या मूल्य के बारे में जानकारी की आवश्यकता हो, तो MDN संदर्भ दस्तावेज़ का उपयोग करें।

अतिरिक्त संसाधन

• W3Schools CSS Tutorial
• freeCodeCamp CSS Course
• CSS-Tricks

बाजार विश्लेषण और रणनीतियाँ

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

• तकनीकी विश्लेषण
• वॉल्यूम विश्लेषण
• जोखिम प्रबंधन
• ट्रेडिंग रणनीतियाँ
• वित्तीय मॉडलिंग
• बाइनरी ऑप्शन ट्रेडिंग
• बाइनरी ऑप्शन रणनीतियाँ
• बाइनरी ऑप्शन जोखिम प्रबंधन
• बाइनरी ऑप्शन तकनीकी विश्लेषण
• बाइनरी ऑप्शन वॉल्यूम विश्लेषण
• बाइनरी ऑप्शन ट्रेडिंग प्लेटफॉर्म
• बाइनरी ऑप्शन ब्रोकर
• बाइनरी ऑप्शन नियम और विनियम
• बाइनरी ऑप्शन कर निहितार्थ
• बाइनरी ऑप्शन मनोविज्ञान

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

निष्कर्ष

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

यह सुनिश्चित करने के लिए कि यह लेख नवीनतम जानकारी के साथ अद्यतित है, MDN वेबसाइट पर नियमित रूप से जांच करना महत्वपूर्ण है।

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

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

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

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