चीट शीट सीएसएस 3 – परिचय
कैस्केडिंग स्टाइलशीट (सीएसएस) मूल रूप से एक स्टाइल शीट भाषा है जिसका प्रयोग मार्कअप भाषा में विकसित दस्तावेज़ के स्वरूप और स्वरूपण को लागू करने के लिए किया जाता है। सीएसएस विनिर्देश मुख्य रूप से वर्ल्ड वाइड वेब कंसोर्टियम (डब्ल्यू 3 सी) द्वारा बनाए रखा जाता है। सीएसएस को लागू करने के लिए मुख्य मोटो प्रस्तुति और सामग्री को अलग करना है जिसमें मोर्च, लेआउट प्रारूप शामिल हैं।
सीएसएस 2 के बाद सीएसएस के लिए सीएसएस 3 नवीनतम संस्करण या मानक है । सीएसएस 3 मुख्य रूप से सीएसएस 2 विनिर्देशों और कुछ नई कार्यक्षमता का मिश्रण है। चीट शीट सीएसएस 3 के कुछ महत्वपूर्ण मॉड्यूल नीचे खोजें :
- बॉक्स मॉडल
- चयनकर्ताओं
- पाठ प्रभाव
- 2 डी रूपांतरण
- 3 डी रूपांतरण
- छवि प्रतिनिधित्व
- उपयोगकर्ता इंटरफेस
- एकाधिक कॉलम लेआउट
- एनिमेशन
- सामग्री समायोजन और पुनर्वितरण
इस चीट शीट सीएसएस 3 लेख में, हम चर्चा करेंगे कि सीएसएस 3 क्या है और विभिन्न सीएसएस 3 कमांड क्या हैं।
चीट शीट सीएसएस 3 पर आदेश और सामग्री
सीएसएस 3 में एक व्यापक पुस्तकालय, इंटरैक्टिव, विस्तार योग्य और सामान्य संचालन की गणना करने के लिए कई अंतर्निहित विधियां हैं। नीचे चीट शीट सीएसएस 3 आदेश दिए गए हैं जो विभिन्न कमांड लाइन संचालन करते हैं:
सीएसएस 3 | विवरण |
फोकस | तत्व पर ध्यान केंद्रित करने के लिए |
सक्रिय | एक सक्रिय तत्व प्रदर्शित करने और चुनने के लिए |
सक्षम | सक्षम तत्व को प्रदर्शित करने के लिए |
: चेक किया गया | चेक किए गए तत्व को प्रदर्शित करने के लिए |
: लैंग | किसी विशिष्ट तत्व के लिए भाषा निर्दिष्ट करने के लिए डेवलपर को सक्षम करने के लिए |
चयन | हाइलाइट और चयनित तत्व को प्रदर्शित करने के लिए |
: जड़ | दस्तावेज़ के भीतर मूल तत्व प्रदर्शित करने के लिए |
:पहला बच्चा | पहला भाई तत्व प्रदर्शित करने के लिए |
:अंतिम बच्चा | अंतिम भाई तत्व प्रदर्शित करने के लिए |
:केवल बच्चे | एकमात्र बाल तत्व प्रदर्शित करने के लिए |
: पहली प्रकार की | किसी विशिष्ट प्रकार के पहले भाई तत्व को प्रदर्शित करने के लिए |
: पिछले प्रकार की- | किसी विशिष्ट प्रकार के अंतिम भाई तत्व को प्रदर्शित करने के लिए |
: केवल प्रकार की- | एक विशिष्ट प्रकार के एकमात्र भाई तत्व को प्रदर्शित करने के लिए |
खाली | उस तत्व को प्रदर्शित करने के लिए जिसमें कोई बच्चा नहीं है |
::पहला अक्षर | एक पाठ के पहले अक्षर में एक विशिष्ट शैली जोड़ने के लिए |
::पहली पंक्ति | एक पाठ की पहली पंक्ति में एक विशिष्ट शैली जोड़ने के लिए |
:: बाद | टेक्स्ट तत्व के बाद कुछ सामग्री डालने के लिए |
:: पहले | टेक्स्ट तत्व से पहले कुछ सामग्री डालने के लिए |
ऑपरेटर: – सीएसएस 3 में विभिन्न प्रकार के ऑपरेटर तुलना (रिलेशनल) ऑपरेटर, असाइनमेंट ऑपरेटर, लॉजिकल ऑपरेटर्स और पहचान ऑपरेटर हैं।
मापन तराजू: चीट शीट सीएसएस 3 माप पैमाने इस प्रकार हैं
स्केल / पैरामीटर | विवरण |
em | वर्तमान तत्व का फ़ॉन्ट आकार |
ex | तत्व की फ़ॉन्ट ऊंचाई |
px | डिवाइस पिक्सेल देख रहा है |
rem | रूट तत्व फ़ॉन्ट आकार |
VH | व्यूपोर्ट की ऊंचाई |
VW | व्यूपोर्ट की चौड़ाई |
% | प्रतिशत |
pc | छापे का पाइका नाप का अक्षर |
pt | बिंदु |
रंग कोड: रंग का नाम = लाल, नीला, हरा और गहरा हरा। इसके लिए कोड नीचे खोजें
कोड | विवरण / अर्थ |
rgb (एक्स, वाई, जेड) | लाल = आरजीबी (255,0,0) के लिए |
rgb (x%, वाई%, z%) | लाल = आरजीबी के लिए (100%, 0,0) |
#rrggbb | लाल = # एफएफ 1000 के लिए |
flabor | उपयोगकर्ता इंटरफेस को अनुकूलित करने के लिए उपयोगकर्ता चयनित रंग |
RGBA (एक्स, वाई, जेड, अल्फा) | लाल = आरजीबी (255,0,0) के लिए |
उपयोगकर्ता इंटरफेस गुण: सीएसएस 3 चीट शीट उपयोगकर्ता इंटरफेस गुण इस प्रकार हैं।
सम्पत्ति की कीमत | विवरण |
आइकन | क्षेत्र पर आइकन प्रदान करने के लिए |
आकार परिवर्तन | निर्दिष्ट क्षेत्र तत्वों का आकार बदलने के लिए |
बॉक्स आकार | निर्दिष्ट तत्व क्षेत्र को ठीक करने के लिए |
आइडी | यूआई तत्वों के रूप में तत्वों को लागू करने के लिए |
नव-डाउन | कुंजीपटल नीचे तीर बटन के अनुसार तत्वों को नीचे ले जाने के लिए |
नव-बाएँ | कुंजीपटल बाएं तीर बटन के अनुसार तत्वों को बाएं स्थानांतरित करने के लिए |
नव-अप | कुंजीपटल बाएं तीर बटन के अनुसार तत्वों को स्थानांतरित करने के लिए |
नव-सही | कुंजीपटल दायां तीर बटन के अनुसार तत्वों को सही स्थानांतरित करने के लिए |
रूपरेखा ऑफसेट | चयनित टेक्स्ट क्षेत्र की रूपरेखा तैयार करने के लिए |
चयनकर्ता प्रकार : चीट शीट सीएसएस 3 चयनकर्ता प्रकार इस प्रकार हैं।
नाम लिखो | विवरण / अर्थ |
यूनिवर्सल | किसी तत्व को प्रदर्शित करने के लिए |
प्रकार | किसी भी विशिष्ट प्रकार तत्व प्रदर्शित करने के लिए |
कक्षा | विभिन्न प्रकार के कई तत्व प्रदर्शित करने के लिए |
आइडी | दूसरों को प्रभावित किए बिना एक विशिष्ट तत्व प्रकार को प्रदर्शित और पहचानने के लिए |
चाइल्ड | एक तत्व प्रदर्शित करने के लिए जो सीधे नीचे आता है किसी अन्य तत्व के अंतर्गत आता है |
समूहीकरण | विभिन्न प्रकार के कई तत्वों की पहचान करने के लिए |
निकट भाई | सभी तत्वों को लाने के लिए जिनके पास समान माता-पिता और तत्व हैं और तत्काल अनुक्रम में हैं |
जनरल सिब्लिंग | उन सभी तत्वों को लाने के लिए जिनके पास समान जनक और तत्व हैं और तत्काल अनुक्रम में आवश्यक नहीं हैं |
चीट शीट सीएसएस 3 आदेश का उपयोग करने के लिए नि: शुल्क युक्तियाँ और चालें : –
- सीएसएस 3 मिश्रण मोड का उपयोग निर्दिष्ट सामग्री के रूप को एकजुट करने के लिए किया जा सकता है और यह उपयोगकर्ताओं को विभिन्न छवि रंग संस्करणों को सेट करने में सक्षम बनाता है। सीएसएस 3 चीट शीट में लगभग 15 मिश्रण मोड मान मौजूद हैं। यह उपयोगकर्ता इंटरफेस प्रतिनिधित्व परिप्रेक्ष्य से एक अतिरिक्त लाभ भी जोड़ता है।
- क्लिपिंग सीएसएस की एक और महान विशेषता है। क्लिपिंग कार्यक्षमता का उपयोग करके, उपयोगकर्ता आवश्यकता के अनुसार छवि क्षेत्र दृश्यता को परिभाषित कर सकता है। इसलिए, यदि कोई छवि भाग वांछित क्षेत्र के बाहर आता है तो उस अतिरिक्त छवि क्षेत्र को छिपाने के लिए क्लिपिंग लागू की जा सकती है।
- सीएसएस के मामले में, आकार-अंदर और आकार-बाहरी गुणों को सीएसएस अनुकूलित पथ के आस-पास की सामग्री को लपेटने के लिए कार्यान्वित किया जा सकता है और इसे अंतिम उपयोगकर्ता आवश्यकताओं के अनुसार परिभाषित और आवंटित किया जा सकता है। यह मूल रूप से परिभाषित विनिर्देशों के अनुसार इंटरफेस को डिजाइन करने में सक्षम बनाता है।
- एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) एनीमेशन का उपयोग सीएसएस 3 के लिए एक और फायदा है । सीएसएस 3 एनीमेशन के साथ एसवीजी का उपयोग करके, इंटरफेस अधिक इंटरैक्टिव बन जाएगा और एसवीजी का अपना डीओएम एपीआई भी होगा।
- मानचित्र फ़ंक्शन इनपुट सूची में सभी आइटमों पर लागू होगा।
- कम फ़ंक्शन का उपयोग किसी सूची पर कुछ गणना लागू करने के लिए किया जाता है और एक मान देता है
- होवर प्रभाव सीएसएस 3 चीट शीट का उपयोग कर लागू किया जा सकता है
- सीएसएस 3 और एसवीजी फ़िल्टर का उपयोग करके एक गोई मेनू लागू किया जा सकता है और यह उपयोगकर्ता इंटरफेस परिप्रेक्ष्य से एक नया प्रतिनिधि दृष्टिकोण प्रदान करता है
- से वेब डिजाइन परिप्रेक्ष्य , लंबन प्रभाव सीएसएस 3 का उपयोग कर उत्पादन किया जा सकता।
- सीएसएस 3 का उपयोग कर इंटरेक्टिव 3 डी संरचना और उपयोगकर्ता इंटरफेस का उत्पादन किया जा सकता है
- विभिन्न चयनकर्ता संयोजन का उपयोग करके, डाउनलोड लिंक के बगल में एक फ़ाइल प्रारूप आइकन सीएसएस 3 का उपयोग करके उत्पादित किया जा सकता है।
चीट शीट सीएसएस 3 – निष्कर्ष
इस चीट शीट सीएसएस 3 आलेख में, हमने देखा है कि सीएसएस 3 का उपयोग करना आसान है और इसके वाक्यविन्यास को याद रखना आसान है। सीएसएस 3 का समर्थन विभिन्न दृष्टिकोणों और स्टाइल शीट प्रौद्योगिकियों का उपयोग करके वेब विकास प्रौद्योगिकियों के प्रतिनिधित्व में किया जा सकता है जो सीएसएस 3 का समर्थन करते हैं। परियोजना की आवश्यकता के प्रकार, काम के समय और अन्य सभी चर्चा किए गए पहलुओं के आधार पर, वांछित लक्ष्य तक पहुंचने के लिए सीएसएस 3 का उपयोग किया जाना चाहिए।