Mozilla Developer Network (MDN) CSS

1. 1. मोज़िला डेवलपर नेटवर्क सीएसएस: शुरुआती के लिए विस्तृत गाइड

मोज़िला डेवलपर नेटवर्क (MDN) वेब विकास के लिए सबसे विश्वसनीय संसाधनों में से एक है, और इसका सीएसएस (Cascading Style Sheets) अनुभाग विशेष रूप से शुरुआती लोगों के लिए एक उत्कृष्ट शुरुआती बिंदु है। यह लेख आपको MDN सीएसएस के माध्यम से नेविगेट करने और सीएसएस की बुनियादी अवधारणाओं को समझने में मदद करेगा। हम सीएसएस की मूल बातें, सिंटैक्स, सेलेक्टर, प्रॉपर्टी और वैल्यू के बारे में विस्तार से जानेंगे। साथ ही, MDN पर उपलब्ध उपयोगी उपकरणों और संसाधनों पर भी प्रकाश डालेंगे।

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

सीएसएस वेबपेजों की प्रस्तुति को नियंत्रित करने के लिए उपयोग की जाने वाली एक शैली शीट भाषा है। यह HTML संरचना को दृश्यमान रूप से प्रस्तुत करने के लिए उपयोग किया जाता है। HTML सामग्री की संरचना को परिभाषित करता है, जबकि सीएसएस सामग्री की दिखावट को परिभाषित करता है – जैसे रंग, फ़ॉन्ट, लेआउट और अन्य दृश्य पहलू। सीएसएस के बिना, वेबपेज बहुत ही बुनियादी और नीरस दिखेंगे।

सीएसएस का उपयोग क्यों करें?

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

सीएसएस का सिंटैक्स

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

सीएसएस सिंटैक्स

सिंटैक्स	विवरण
`सेलेक्टर { प्रॉपर्टी: वैल्यू; }`	सेलेक्टर उस HTML तत्व को निर्दिष्ट करता है जिसे शैली लागू की जानी है। प्रॉपर्टी शैली के पहलू को परिभाषित करती है जिसे बदला जाना है, और वैल्यू प्रॉपर्टी के लिए निर्दिष्ट मान है।
`सेलेक्टर { प्रॉपर्टी1: वैल्यू1; प्रॉपर्टी2: वैल्यू2; }`	एक घोषणा ब्लॉक में कई प्रॉपर्टी-वैल्यू जोड़े हो सकते हैं, जिन्हें अर्धविराम (;) से अलग किया जाता है।

उदाहरण:

```css h1 {

 color: blue;
 font-size: 36px;

} ```

यह नियम सभी `