यह मुझे एक कमरे में जाकर अपने माता-पिता और भतीजे को कारों का ए टू जेड करने की कोशिश करते हुए देखने से प्रेरित है।

एक पहुंच

बहुत से लोग क्या भूल जाते हैं, लेकिन मुझे लगता है कि यह प्रतिक्रियाशीलता जितनी ही महत्वपूर्ण है।

बी ब्लॉक

लेखन दिशा के लंबवत।

सी कैल्क

सीएसएस में गणना करना। बहुत ही आसान।

डी प्रदर्शन

ब्लॉक, इनलाइन, इनलाइन-ब्लॉक, फ्लेक्स, इनलाइन-फ्लेक्स, ग्रिड, इनलाइन-ग्रिड, कोई नहीं, आदि

ई :खाली

बिना बच्चों वाले तत्वों को स्टाइल करने के लिए एक उपयोगी छद्म वर्ग। जब तक उनके भीतर कोई सफेद जगह न हो।

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

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

जी ग्रिड

मुझे अभी भी फ्लेक्सबॉक्स का अधिक जटिल और अधिक शक्तिशाली सहोदर जैसा लगता है।

एच ऊंचाई

कोई वस्तु क्षैतिज रूप से कितनी जगह घेरती है।

मैं इनलाइन

लेखन दिशा. वास्तव में केन्द्रीकरण के लिए उपयोगी है, जहाँ आप मार्जिन-इनलाइन: ऑटो का उपयोग कर सकते हैं।

जे उचित ठहराओ

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

के @कीफ्रेम्स

एनीमेशन चरण।

एल लाइन-ऊंचाई

यदि टेक्स्ट बहुत बड़ा या बहुत छोटा है तो यह उसे पूरी तरह से अपठनीय बना सकता है।

एम मार्जिन

किसी तत्व के चारों ओर का स्थान जो तत्व को बड़ा नहीं बनाता है।

एन कोई नहीं

कुछ प्रदर्शित करना बंद करने या बॉर्डर हटाने के लिए उपयोगी।

हे वस्तु-फिट

हालाँकि ऐसा लगता है कि यह हमेशा से रहा है, कुछ समय पहले मुझे कुछ ऐसा मिला जो अपेक्षाकृत था। इसमें कुछ जावास्क्रिप्ट शामिल हैं जिन्हें किसी ने ऑब्जेक्ट-फिट के नए होने और अभी तक सभी ब्राउज़रों में काम नहीं करने से निपटने के लिए लिखा था।

पी पैडिंग

तत्व के चारों ओर रिक्त स्थान जो तत्व को बड़ा बनाता है। नकारात्मक पैडिंग नकारात्मक मार्जिन जैसी कोई चीज़ नहीं है।

क्यू प्रश्न

मीडिया क्वेरीज़ और कंटेनर क्वेरीज़, प्रतिक्रियाशील डिज़ाइन और पहुंच के लिए उपयोग की जाती हैं।

आर जवाबदेही

यह सुनिश्चित करने के लिए महत्वपूर्ण है कि आपकी साइट सभी स्क्रीन पर फिट बैठती है। बहुत बुनियादी लगता है, लेकिन बहुत सारी साइटें हैं जो कुछ आकारों में ठीक से फिट नहीं बैठती हैं।

एस विशिष्टता

किसी तीसरे पक्ष की शैलियों को ओवरराइड करने का प्रयास करते समय यह कष्टकारी हो जाता है। हालाँकि हाल ही में मैंने कुछ सीएमएस प्लगइन्स को :where का उपयोग करते हुए देखा है, जो बहुत मदद करता है।

टी पाठ

कभी-कभी फ़ॉन्ट स्टाइलिंग के लिए उपयोग किया जाता है। और कभी-कभी आप फ़ॉन्ट का उपयोग करते हैं। सिवाय इसके कि यदि आप टेक्स्ट का रंग बदलना चाहते हैं, तो ऐसी स्थिति में ऐसा नहीं है।

यू इकाइयाँ

इनमें से सबसे अधिक उपयोग %, px, em और rem हैं। इसके अलावा ग्रिड में fr और ट्रांज़िशन और एनिमेशन में s और ms।

वी दृश्यता

दिलचस्प, दृश्य का विपरीत छिपा हुआ है। यह वैसा नहीं है जैसा आप तार्किक रूप से सोचते हैं कि यह होगा।

डब्ल्यू चौड़ाई

कोई वस्तु क्षैतिज रूप से कितनी जगह घेरती है।

एक्स अतिप्रवाह-एक्स

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

Y अतिप्रवाह-y

x की तरह, यह ऊर्ध्वाधर अतिप्रवाह को नियंत्रित करता है। और y आमतौर पर टेलविंड में वर्टिकल को दर्शाता है।

Z z-सूचकांक

आप जिस उच्चतम/निम्नतम z-सूचकांक का उपयोग कर सकते हैं वह (-)2,147,483,647 है। या अनंत आपको वही चीज़ देगा। लेकिन 9 का लोड टाइप करना और फिर सोचना कि यह काम क्यों नहीं कर रहा है, एक बहुत आसान तरीका है।