Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

मास्टर सीएसएस शब्दावली:वेब डेवलपर्स के लिए आवश्यक शब्दावली

<पी> क्या आप वेब डेवलपमेंट में करियर के लिए सीएसएस शब्दावली पर विचार कर रहे हैं? सीएसएस कौशल आपको HTML वेब पेजों और दस्तावेज़ों को स्टाइल करने में मदद करेगा। आप ऐसी वेबसाइट बनाने के लिए सीएसएस सीख सकते हैं जो तेज़, सुसंगत और बनाए रखने में आसान हो।

<पी> वेब डिज़ाइन और वेब विकास में ढेर सारे अवसर हैं, चाहे आप सिलिकॉन वैली में एक वेब डेवलपर के रूप में काम करना चाहते हों, वेब डिज़ाइन में एक दूरस्थ नौकरी ढूंढना चाहते हों, या यहां तक कि अपने कौशल को फ्रीलांस करना चाहते हों। इनमें से किसी में भी सफल होने के लिए आपको सीएसएस शब्दावली जानने की आवश्यकता होगी। इस लेख में, आपको सीएसएस शब्दावली की एक शब्दावली मिलेगी और यदि आप एक वेब डिजाइनर के रूप में करियर चाहते हैं तो आपको क्या जानने की आवश्यकता है।

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

<पी> सीएसएस का मतलब कैस्केडिंग स्टाइल शीट्स है, जो एक प्रोग्रामिंग भाषा है जिसका डिजिटल स्पेस में HTML वेब पेजों में स्टाइल जोड़ने के लिए व्यापक रूप से उपयोग किया जाता है। इसे वर्ल्ड वाइड वेब कंसोर्टियम द्वारा विकसित किया गया था और इसका उपयोग किसी भी XML मार्कअप भाषा द्वारा किया जा सकता है। साथ ही, सरल भाषा और वाक्यविन्यास के कारण, यह मानव भाषा में आसानी से समझ में आता है।

<पी> वेब डिज़ाइनर और साइट बिल्डर HTML तत्वों की उपस्थिति को परिभाषित और अनुकूलित करने के लिए CSS का उपयोग करते हैं। सीएसएस वेबसाइटों और ऐप्स में स्क्रीन पर तत्वों के प्रतिपादन और उनकी दृश्य अपील को बढ़ाने में मदद करता है। यह इनलाइन शैलियों जैसी विभिन्न शैलियों को लागू करने और कीफ़्रेम के साथ एनिमेशन जोड़ने की अनुमति देता है।

सीएसएस शब्दावली का उपयोग कौन करता है?

<पी> वेब डिज़ाइनर, वेब डेवलपर, फ्रंट एंड डेवलपर और एप्लिकेशन डेवलपर वेब पेज कोड पर सीएसएस अवधारणाओं और वाक्यविन्यास को लागू करने के लिए सीएसएस शब्दावली का उपयोग करते हैं। सौंदर्य की दृष्टि से आकर्षक वेब पेज बनाने के लिए वे व्यापक रूप से उपयोग किए जाने वाले सीएसएस फ्रेमवर्क, बूटस्ट्रैप जैसे वेब डेवलपमेंट टूल का उपयोग करते हैं। कुछ डेवलपर सीएसएस के साथ वेब पेजों के स्वरूप को कोड करने और बढ़ाने के लिए मिमी, प्रोग्रामिंग हीरो और कोडहब जैसे ऐप्स का भी उपयोग करते हैं।

सीएसएस शर्तों की सूची:वे बातें जो हर सीएसएस को पता होनी चाहिए

  1. पहलू अनुपात
  2. बॉक्स मॉडल
  3. बाल चयनकर्ता
  4. घोषणा ब्लॉक
  5. फ्लेक्सबॉक्स
  6. ग्रिड लेआउट
  7. विरासत
  8. पैडिंग मान
  9. पैराग्राफ तत्व
  10. पोज़िशनिंग
  11. गुण
  12. छद्म वर्ग
  13. रेम इकाइयाँ
  14. दाहिनी ओर तैरने वाला तत्व
  15. नियम निर्धारित
  16. चयनकर्ता
  17. विशिष्टता
  18. सिंटेक्स
  19. यूनिट पहचानकर्ता
  20. व्हाट्सएप वर्ण

सीएसएस शब्दावली की शब्दावली:5 सामान्य सीएसएस शब्द

<पी> चाहे आप तकनीकी क्षेत्र में करियर बना रहे हों या वेब डिज़ाइन में प्रवेश स्तर की नौकरी की तलाश कर रहे हों, आपको निश्चित रूप से सीएसएस और एचटीएमएल के अच्छे ज्ञान की आवश्यकता होगी। सीएसएस सीखना मज़ेदार और रोमांचक हो सकता है। हालाँकि, ऑनलाइन सीसीएस पाठ्यक्रम में जाने से पहले, आप सामान्य सीएसएस शब्दावली को समझने से लाभ उठा सकते हैं।

बॉक्स मॉडल

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

वेब डिज़ाइनरों को बॉक्स मॉडल के बारे में जानने की आवश्यकता क्यों है

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

घोषणा ब्लॉक

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

वेब डिज़ाइनरों को घोषणा ब्लॉक के बारे में जानने की आवश्यकता क्यों है

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

फ्लेक्सबॉक्स

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

वेब डिज़ाइनरों को फ्लेक्सबॉक्स के बारे में जानने की आवश्यकता क्यों है

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

पोज़िशनिंग

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

वेब डिज़ाइनरों को पोजिशनिंग के बारे में जानने की आवश्यकता क्यों है

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

गुण

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

वेब डिज़ाइनरों को संपत्तियों के बारे में जानने की आवश्यकता क्यों है

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

सीएसएस शब्दावली चीट शीट:5 उन्नत सीएसएस शर्तें

मास्टर सीएसएस शब्दावली:वेब डेवलपर्स के लिए आवश्यक शब्दावली CSS एक मार्कअप भाषा है जो कोडर्स को एक स्टाइल शीट बनाकर और तत्वों में व्यक्तिगत गुणों और शैलियों को सेट करने के लिए इसका उपयोग करके रचनात्मक होने की अनुमति देती है। <पी> अधिक उन्नत सीएसएस शब्दावली और अवधारणाओं को सीखने से आपको तकनीक में प्रवेश करने के लिए आवश्यक प्रतिस्पर्धात्मक लाभ मिल सकता है। कई उद्योग अब वेबसाइट डिजाइन करने के लिए प्रतिभाशाली डेवलपर्स और रचनात्मक वेब डिजाइनरों की तलाश कर रहे हैं। तो, यह एक उन्नत सीएसएस शब्दावली चीट शीट रखने का सही समय है जो वेब डिजाइनर या फ्रंट एंड डेवलपर बनने में आपके काम आएगी।

विरासत

<पी> वंशानुक्रम कुछ गुणों को मूल तत्व से सीधे बच्चों के तत्व में स्थानांतरित करने की प्रक्रिया है। विरासत की अवधारणा वेब पेज सौंदर्यशास्त्र को स्टाइल करने में कोडिंग प्रक्रिया को सरल बनाती है। जब किसी चाइल्ड तत्व की संपत्ति के लिए कोई प्रारंभिक मूल्य निर्धारित नहीं किया जाता है तो वेब पेज का सिंटैक्स इनहेरिटेंस नियम लागू करता है।

वेब डिज़ाइनरों को विरासत के बारे में क्यों पता होना चाहिए

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

छद्म वर्ग

<पी> छद्म-वर्ग एक पूर्वनिर्धारित कीवर्ड है जिसका उपयोग किसी एक या अधिक चयनित तत्वों में शैली जोड़ने के लिए किया जाता है। यह सीएसएस चयनकर्ताओं को मूल से भिन्न शैलियाँ प्रदान करता है। स्थान, भाषा, उपयोगकर्ता कार्रवाई और समय सहित विभिन्न छद्म वर्ग हैं।

वेब डिज़ाइनरों को छद्म वर्ग के बारे में क्यों पता होना चाहिए

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

नियम-सेट

<पी> एक नियम-सेट में स्टाइलशीट के लिए परिभाषित चयनकर्ता और घोषणाएँ शामिल होती हैं। जब किसी वेबसाइट को ब्राउज़र के माध्यम से खोला जाता है, तो उस पर एक लेखक नियम और पाठक नियम लागू होता है, जो इस पर निर्भर करता है कि वेब पेज तक कौन पहुंच रहा है। लेखक नियम आमतौर पर वेब डिज़ाइनरों के लिए होता है, और पाठक नियम उपयोगकर्ताओं के लिए होता है।

वेब डिज़ाइनरों को नियमों के बारे में क्यों पता होना चाहिए

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

चयनकर्ता

<पी> सीएसएस चयनकर्ता परिभाषित करता है कि संपत्ति मूल्य या शैली को लागू करने के लिए कौन से तत्व चुने गए हैं। एक साधारण चयनकर्ता उन तत्वों को इंगित करता है जिन पर सीएसएस शैली लागू होती है, जबकि एक कॉम्बिनेटर चयनकर्ता में चयनकर्ताओं का एक समूह शामिल होता है। प्रत्येक प्रकार का चयनकर्ता एक निश्चित तत्व का चयन करने और उसे एक विशिष्ट तरीके से परिभाषित करने का कार्य करता है। उदाहरण के लिए, सार्वभौमिक चयनकर्ता को तारांकन चिह्न द्वारा परिभाषित किया गया है।

वेब डिज़ाइनरों को चयनकर्ताओं के बारे में क्यों पता होना चाहिए

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

विशिष्टता

<पी> विशिष्टता सीएसएस चयनकर्ताओं को रैंक करती है। इसमें ब्राउज़र को किसी चयनित तत्व पर शैली को लागू करने, ऑर्डर करने और प्राथमिकता देने के लिए निर्दिष्ट करना शामिल है। विशिष्टता के साथ, चयनकर्ता की रैंकिंग जितनी अधिक होगी, यह उतना ही महत्वपूर्ण है क्योंकि इसकी शैली अत्यधिक विशिष्ट है। इसका मतलब यह है कि सीएसएस शैली अन्य वेब पेजों की शैलियों से ऊपर हो सकती है।

वेब डिज़ाइनरों को विशिष्टता के बारे में क्यों पता होना चाहिए

<पी> वेब डिज़ाइनरों को विशिष्टता के बारे में पता होना चाहिए क्योंकि इससे उन्हें एक ही तत्व के लिए दो नियमों को परिभाषित करने में मदद मिलेगी जो अन्यथा परस्पर विरोधी हैं। मार्कअप भाषा द्वारा प्रस्तावित कैस्केडिंग सुविधा के लिए सीएसएस में विशिष्टता महत्वपूर्ण है। शैलियाँ एक के बाद एक, एक विशिष्ट क्रम में लागू की जाती हैं। एक ही समय में कोई भी दो शैलियाँ लागू नहीं की जाएंगी।

<पी> मास्टर सीएसएस शब्दावली:वेब डेवलपर्स के लिए आवश्यक शब्दावली

<पी> "कैरियर कर्म ने मेरे जीवन में तब प्रवेश किया जब मुझे इसकी सबसे अधिक आवश्यकता थी और बूटकैंप ने तुरंत मेरी मदद की। स्नातक होने के दो महीने बाद, मुझे अपना सपनों का काम मिला जो जीवन में मेरे मूल्यों और लक्ष्यों के अनुरूप था!"

<पी> वीनस, रॉकबॉट में सॉफ्टवेयर इंजीनियर

<पी> अपना बूटकैंप मैच ढूंढें

मैं 2022 में सीएसएस शब्दावली कैसे सीख सकता हूं?

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

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

सीएसएस FAQ

<पी> क्या मुझे पहले HTML या CSS सीखना चाहिए? <पी> यदि आप वेब डिज़ाइन और वेब विकास की दुनिया में शुरुआत कर रहे हैं तो आपको पहले HTML सीखना चाहिए। यदि आप वेब विकास में एक आशाजनक कैरियर बनाना चाहते हैं, तो सीएसएस सीखने के लिए मजबूत संसाधन ढूंढकर अपने ज्ञान को आगे बढ़ाएं।

<पी> क्या सीएसएस सीखना आसान है? <पी> हाँ, CSS सीखना आसान है। सीएसएस सिंटैक्स सीखने के लिए आप कई ट्यूटोरियल देख सकते हैं। आप वेब डिज़ाइनरों के लिए बुनियादी वेब पेजों का अभ्यास करने और उन्हें स्टाइल करने के लिए टूल का भी उपयोग कर सकते हैं।

<पी> क्या सीएसएस जावास्क्रिप्ट के समान है? <पी> नहीं, सीएसएस जावास्क्रिप्ट के समान नहीं है। CSS HTML वेब पेजों के लिए एक मार्कअप भाषा और एक लेआउट भाषा है। जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है जिसका उपयोग वेबसाइटों को गतिशील बनाने, इंटरैक्शन जोड़ने और पहुंच बढ़ाने के लिए किया जाता है। CSS में एक अलग फ़ाइल होती है जो .css एक्सटेंशन का उपयोग करती है जबकि JavaScript .js एक्सटेंशन का उपयोग करती है।


  1. पायथन में बाइनरी ट्री प्रीऑर्डर ट्रैवर्सल पायथन में बाइनरी ट्री प्रीऑर्डर ट्रैवर्सल

    मान लीजिए कि हमारे पास एक बाइनरी ट्री है। हमें उस पेड़ के प्रीऑर्डर ट्रैवर्सल को वापस करना होगा। तो अगर पेड़ जैसा है - फिर प्रीऑर्डर ट्रैवर्सल होगा:[3,9,20,15,7] इसे हल करने के लिए, हम इन चरणों का पालन करेंगे - रिक्त सूचियां बनाएं जिन्हें रेस और सेंट कहा जाता है। नोड:=रूट जबकि नोड या सेंट खाली

  1. सीएसएस:ऑब्जेक्ट फ़िट सीएसएस:ऑब्जेक्ट फ़िट

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

  1. पायथन में सीजीआई क्या है? पायथन में सीजीआई क्या है?

    सामान्य गेटवे इंटरफ़ेस, या CGI, बाहरी गेटवे प्रोग्राम के लिए HTTP सर्वर जैसे सूचना सर्वर के साथ इंटरफ़ेस करने के लिए एक मानक है। वर्तमान संस्करण CGI/1.1 है और CGI/1.2 प्रगति पर है। वेब ब्राउज़िंग CGI की अवधारणा को समझने के लिए, आइए देखें कि जब हम किसी विशेष वेब पेज या URL को ब्राउज़ करने के लिए हा