"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > ओडिन प्रोजेक्ट-सीएसएस का परिचय

ओडिन प्रोजेक्ट-सीएसएस का परिचय

2024-11-08 को प्रकाशित
ब्राउज़ करें:701

The Odin Project -Intro to CSS

नमस्ते ?,

मैं 3 साल के अनुभव के साथ एक फ्रंट-एंड डेवलपर हूं। मैं हमेशा से अपने ज्ञान के अंतर को पाटना चाहता था और एक पूर्ण-स्टैक डेवलपर बनना चाहता था। मैंने ओडिन प्रोजेक्ट शुरू करने के लिए कई प्रयास किए हैं लेकिन मैं लगातार इसका पालन नहीं कर पाया। इस बार, मैं इस पर कायम रहने और अपने कौशल में सुधार करने के लिए दृढ़ संकल्पित हूं।

अपनी प्रगति को ट्रैक करने के लिए, मैं प्रत्येक ओडिन प्रोजेक्ट अध्याय से अपनी सीख का विवरण देते हुए ब्लॉग पोस्ट की एक श्रृंखला प्रकाशित करूंगा। इन्हें मेरी विकास डायरी समझें।

मैं उन विषयों को जोड़ूंगा जो मैंने सीखे हैं और जो चीजें मैं पहले नहीं जानता था उन्हें साझा करूंगा।

मैं HTML के रूप में CSS और उन सभी परिचयात्मक सामग्री से शुरुआत कर रहा हूं, जिनसे मैं पहले गुजर चुका हूं या कम से कम मुझे इसकी जानकारी है।

सीखे गए विषय

  • चयनकर्ता
  1. यूनिवर्सल चयनकर्ता
  2. प्रकार चयनकर्ता
  3. वर्ग चयनकर्ता
  4. आईडी चयनकर्ता
  5. ग्रुपिंग चयनकर्ता
  6. चेनिंग चयनकर्ता
  • कॉम्बिनेटर मुझे कॉम्बिनेटर का उपयोग करने के बारे में तो पता था लेकिन मुझे उस विशिष्ट शब्द की जानकारी नहीं थी। साथ ही परिभाषा यह है कि यह चयनकर्ताओं को समूहबद्ध करने या श्रृंखलाबद्ध करने के अलावा उनके बीच संबंध के बारे में है।
  • डिसेंडेंट कॉम्बिनेटर

बुनियादी सीएसएस गुण

  • रंग, पृष्ठभूमि-रंग
  • टाइपोग्राफी
  1. फ़ॉन्ट परिवार और सामान्य फ़ॉन्ट परिवार
  • छवि की ऊंचाई और चौड़ाई
    तो, एक और बात जो मैंने यहां सीखी वह यह है कि HTML में छवियों के लिए हमेशा चौड़ाई और ऊंचाई दोनों विशेषताओं को निर्दिष्ट करना उचित है। यह सुनिश्चित करता है कि ब्राउज़र पेज रेंडरिंग के दौरान छवि के लिए उचित स्थान आरक्षित रखता है, जिससे छवियाँ लोड होने पर सामग्री लेआउट में अप्रत्याशित बदलाव को रोका जा सके। किसी छवि के मूल पहलू अनुपात को बनाए रखने के लिए, आप केवल चौड़ाई विशेषता को बदल सकते हैं और ऊंचाई को 'ऑटो' पर सेट कर सकते हैं। यह छवि के अनुपात के आधार पर ऊंचाई को स्वचालित रूप से समायोजित करेगा।

  • बाहरी सीएसएस

  • आंतरिक और इनलाइन सीएसएस

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

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

मैं अपने द्वारा सीखी गई बातों का पुनर्कथन करते हुए एक साप्ताहिक पॉडकास्ट प्रकाशित करने की भी योजना बना रहा हूं।

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/iamhrk/the-odin-project-intro-to-css-3opa?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] से संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3