मार्जिन और मार्कअप के बीच का अंतर
CSS फ्रेमवर्क चुनते समय यह महत्वपूर्ण है कि वह आपकी आवश्यकताओं को पूरा करे।
प्रतिक्रिया में टेलविंड सीएसएस के लिए एक शुरुआती गाइड
टेलविंड सीएसएस एक उपयोगिता पहला सीएसएस ढांचा है जो डेवलपर्स को सीएसएस फ़ाइल पर स्विच किए बिना कस्टम वेब घटकों को डिजाइन करने की अनुमति देता है। इस ट्यूटोरियल में, आप सीखेंगे कि रिएक्ट में टेलविंड सीएसएस कैसे स्थापित करें और एक साधारण रिएक्ट पेज बनाने के लिए आप इसका उपयोग कैसे कर सकते हैं।
पहले से ही बहुत कुछ है सीएसएस फ्रेमवर्क जो डेवलपर्स द्वारा वेब पेजों को डिजाइन करने के तरीके को सरल बनाते हैं। तो आपको Tailwind CSS का उपयोग क्यों करना चाहिए?
CSS फ्रेमवर्क जैसे बूटस्ट्रैप और फाउंडेशन, ओपिनेटेड फ्रेमवर्क हैं, जिसका अर्थ है कि वे डेवलपर्स को पूर्व-परिभाषित घटकों के साथ प्रदान करते हैं जिनकी डिफ़ॉल्ट शैली होती है। यह अनुकूलन और रचनात्मकता दोनों को सीमित करता है, और आप उन वेबसाइटों के साथ समाप्त होते हैं जो सामान्य दिखती हैं।
टेलविंड सीएसएस का उपयोग करने के नुकसान
अनुभवी डेवलपर्स के लिए भी टेलविंड सीएसएस में सीखने की अवस्था तेज है। उपयोगिता वर्गों का पूरी तरह से उपयोग करने का तरीका सीखने में कुछ समय लगता है, और आपको अक्सर दस्तावेज़ीकरण को संदर्भित करने की आवश्यकता हो सकती है। हालांकि, कक्षाओं से परिचित होने के बाद, आप इसे सादे सीएसएस की तुलना में आसान और तेज पाएंगे।
अधिकांश डेवलपर्स चिंताओं को अलग करने के सिद्धांत का पालन करना पसंद करते हैं जैसे कि सीएसएस मार्जिन और मार्कअप के बीच का अंतर और एचटीएमएल फाइलें अलग-अलग फाइलों में लिखी जाती हैं। Tailwind CSS के साथ, आप CSS को सीधे HTML मार्कअप में लिखते हैं—कुछ के लिए एक खामी।
इन कमियों के बावजूद, Tailwind CSS एक ऐसा ढांचा है जिस पर आपको गंभीरता से विचार करना चाहिए कि क्या आप पहले से ही CSS के साथ सहज हैं और तेजी से डिजाइन बनाना चाहते हैं।
प्रारंभ करना: एक प्रतिक्रिया परियोजना बनाएँ
मचान करने के लिए टर्मिनल में निम्न कमांड चलाएँ a प्रतिक्रिया आवेदन का उपयोग क्रिएट-रिएक्शन-ऐप.
क्रिएट-रिएक्शन-ऐप वेबपैक, बेबेल या लिंटर्स जैसे बिल्ड टूल को कॉन्फ़िगर किए बिना रिएक्ट ऐप बनाने का एक आसान तरीका प्रदान करता है। इसका मतलब है कि आप मिनटों के भीतर काम करने वाले रिएक्ट वातावरण के साथ समाप्त हो जाते हैं।
उपरोक्त आदेश नाम का एक नया फ़ोल्डर बनाता है रिएक्ट-टेलविंड. फ़ोल्डर में नेविगेट करें और अपने पसंदीदा टेक्स्ट एडिटर का उपयोग करके इसे खोलें।
इसके बाद, टेलविंड सीएसएस इंस्टॉल करें और इसे रिएक्ट एप्लिकेशन के साथ काम करने के लिए कॉन्फ़िगर करें।
प्रतिक्रिया में टेलविंड सीएसएस का प्रयोग करें
इस आदेश के साथ टेलविंड सीएसएस और उसकी निर्भरताएं स्थापित करें:
पोस्टसीएसएस CSS को अधिकांश ब्राउज़रों के साथ संगत बनाने के लिए JavaScript प्लगइन्स मार्जिन और मार्कअप के बीच का अंतर का उपयोग करता है। यह उस ब्राउज़र की जांच करता है जिसमें एप्लिकेशन चल रहा है और आपके सीएसएस को निर्बाध रूप से काम करने के लिए आवश्यक पॉलीफिल निर्धारित करता है। Autoprefixer एक PostCSS प्लगइन है जो से मूल्यों का उपयोग करता है caniuse.com CSS नियमों में विक्रेता उपसर्गों को स्वचालित रूप से जोड़ने के लिए।
टेलविंड सीएसएस को इनिशियलाइज़ करें
चलाएँ टेलविंड इनिट टेलविंड सीएसएस डिफ़ॉल्ट कॉन्फ़िगरेशन फ़ाइलें जनरेट करने के लिए कमांड।
यह बनाता है tailwind.config.js रूट फ़ोल्डर में जो टेलविंड की सभी कॉन्फ़िगरेशन फ़ाइलों को संग्रहीत करता है और इसमें निम्नलिखित शामिल हैं:
CSS क्या है और इसका उपयोग कहाँ किया जाता है। शुरुआती के लिए सीएसएस मूल बातें सीएसएस स्टाइलिंग क्या है
WEB तकनीकों का शौक रखने वाले सभी लोगों ने इस तरह की तकनीक के बारे में सुना है: सीएसएस. और वे शायद सीएसएस की मूल बातें जानना चाहते हैं ताकि वे अपनी साइटों या पृष्ठों की शैलियों को बदलने में सक्षम हों, या सीएसएस फाइलों को पढ़ने और समझने में सक्षम हों। आज हम आपके साथ हैं और CSS के बेसिक्स पर चलते हैं।
सबसे पहले, आइए समझते हैं कि CSS क्या है। जैसा कि आप जानते हैं एचटीएमएलएक हाइपरटेक्स्ट मार्कअप भाषा है। और सीएसएस, बदले में, इसी मार्कअप के लिए दृश्य डिजाइन भाषा है।
सीएसएस (व्यापक शैली पत्रक) - व्यापक शैली पत्रक। HTML के अपने विज़ुअल डिज़ाइन टूल हैं, लेकिन वे कई मायनों में CSS की क्षमताओं से हीन हैं, और यदि आपके पास बहुत सारे पेज हैं, तो कल्पना करें, आप अचानक सभी हेडर का रंग मार्जिन और मार्कअप के बीच का अंतर बदलना चाहते हैं, आपको बदलाव करने होंगे सभी HTML फ़ाइलों के लिए, और यह CSS में एक पंक्ति में किया जाता है। मुझे लगता है कि CSS सीखना शुरू करने के लिए बस यही तर्क काफी है।
CSS को जोड़ने के तरीके
1. सीधे दस्तावेज़ के तत्व में शैली विशेषता के माध्यम से, उदाहरण के लिए, यदि आप उपरोक्त उदाहरण को दस्तावेज़ में ही अनुवादित करते हैं और तत्व में ही इसका वर्णन करते हैं, तो यह इस तरह दिखेगा:
यह विधि सुविधाजनक नहीं है क्योंकि, यदि आपके पास बहुत सारे दस्तावेज़ हैं, तो आपको इन सभी दस्तावेज़ों में और प्रत्येक तत्व में परिवर्तन करना होगा।
2. थोड़ा अधिक सुविधाजनक तरीका CSS का उपयोग करना है, जब स्टाइलशीट को दस्तावेज़ में ही वर्णित किया जाता है। हेड सेक्शन एक स्टाइल एलिमेंट का उपयोग करता है जो स्टाइल शीट का ही वर्णन करता है। उदाहरण के लिए, आइए उपरोक्त उदाहरण का फिर से उपयोग करें, लेकिन इस पद्धति का उपयोग करते हुए:
आरआरपी का क्या अर्थ है?
प्रत्येक आइटम एक आरआरपी मूल्य प्रदर्शित करता है, यह आपको अनुशंसित खुदरा मूल्य दिखाने के लिए है जिसे आप एक हाई-स्ट्रीट शॉप या इसी तरह की दुकान में भुगतान करने की अपेक्षा करेंगे। यह आरआरपी मूल्य आपके मूल्यांकन दस्तावेज पर वह राशि होगी जो आपको हमसे प्राप्त होती है।
अनुशंसित खुदरा मूल्य का क्या अर्थ है? अनुशंसित खुदरा मूल्य | व्यापार अंग्रेजी
वह कीमत जो ग्राहकों को निर्माता के अनुसार माल के लिए चुकानी चाहिए: प्रकाशक पुस्तक के कवर पर अनुशंसित खुदरा मूल्य शामिल कर सकता है। निर्माता के सुझाए गए खुदरा मूल्य से अधिक के लिए कार बेचने वाले डीलर मार्जिन और मार्कअप के बीच का अंतर उचित नहीं खेल रहे हैं।
क्या आरआरपी पर बेचना गैरकानूनी है? अनुशंसित खुदरा मूल्य से कम कीमत पर उत्पादों को बेचना अवैध नहीं है। हालांकि, यह अवैध है अगर लक्ष्य छोटे व्यवसायों की बिक्री को खत्म करना या नुकसान पहुंचाना है। शिकारी मूल्य निर्धारण का उद्देश्य ऐसा करना है और यह अवैध है क्योंकि यह अनुचित व्यापार को बढ़ावा देता है।
आरआरपी का क्या अर्थ है? - संबंधित सवाल
आरईसीपी क्या है?
आरईसीपी क्षेत्रीय आपातकालीन सेवा संचार योजनाकार।
मूल कीमत के लिए छोटा क्या है?
ओआरपी. (मूल खुदरा मूल्य से पुनर्निर्देशित)
क्या खुदरा मूल्य और बिक्री मूल्य समान हैं?
खुदरा मूल्य वे हैं जो खुदरा विक्रेता उपभोक्ताओं के लिए अंतिम बिक्री मूल्य के रूप में निर्धारित करते हैं। किसी उत्पाद की कीमत, मार्जिन, मार्कअप, मार्कडाउन, लाभप्रदता और बिक्री इतिहास का निर्धारण करने के लिए कई गणितीय फ़ार्मुलों का उपयोग किया जाता है।
खुदरा मार्जिन और मार्कअप के बीच का अंतर विक्रेता मूल्य क्या है?
खुदरा मूल्य वह अंतिम मूल्य है जिसके लिए ग्राहकों को एक वस्तु बेची जाती है, जो अंतिम उपयोगकर्ता या उपभोक्ता होते हैं। खुदरा मूल्य निर्माता मूल्य और वितरक मूल्य से भिन्न होता है, जो आपूर्ति श्रृंखला के माध्यम से एक विक्रेता से दूसरे विक्रेता के लिए निर्धारित मूल्य होते हैं।
CSS को जोड़ने के तरीके
1. सीधे दस्तावेज़ के तत्व में शैली विशेषता के माध्यम से, उदाहरण के लिए, यदि आप उपरोक्त उदाहरण को दस्तावेज़ में ही अनुवादित करते हैं और तत्व में ही इसका वर्णन करते हैं, तो यह इस तरह दिखेगा:
यह विधि सुविधाजनक नहीं है क्योंकि, यदि आपके पास बहुत सारे दस्तावेज़ हैं, तो आपको इन सभी दस्तावेज़ों में और प्रत्येक तत्व में परिवर्तन करना होगा।
2. थोड़ा अधिक सुविधाजनक तरीका CSS का उपयोग करना है, जब स्टाइलशीट को दस्तावेज़ में ही वर्णित किया जाता है। हेड सेक्शन एक स्टाइल एलिमेंट का उपयोग करता है जो स्टाइल शीट का ही वर्णन करता है। उदाहरण के लिए, आइए उपरोक्त उदाहरण का फिर से उपयोग करें, लेकिन इस पद्धति का उपयोग करते हुए: