CSS फ्लैशकार्ड्स

श्रेणी प्रायोजक

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

हमारे फ्लैशकार्ड ऐप में सावधानीपूर्वक चुने गए CSS साक्षात्कार प्रश्न शामिल हैं जिनके व्यापक उत्तर आपको CSS ज्ञान की आवश्यकता वाले किसी भी साक्षात्कार के लिए प्रभावी ढंग से तैयार करेंगे। IT फ्लैशकार्ड्स केवल नौकरी खोजने वालों के लिए एक उपकरण नहीं है - यह आपके वर्तमान कैरियर योजनाओं की परवाह किए बिना, अपने ज्ञान को मजबूत करने और परीक्षण करने का एक शानदार तरीका है। ऐप का नियमित उपयोग आपको नवीनतम CSS रुझानों से अपडेट रहने और अपने कौशल को उच्च स्तर पर बनाए रखने में मदद करेगा।

हमारे ऐप से नमूना CSS फ्लैशकार्ड्स

अधिक मुफ्त फ़्लैशकार्ड प्राप्त करने के लिए या सभी फ़्लैशकार्ड तक पहुँच के लिए हमारे एप्लिकेशन को App Store या Google Play से डाउनलोड करें या सदस्यता लें।

CSS में कक्षाओं और आईडी के बीच क्या अंतर हैं?

कक्षाएं और पहचानकर्ता CSS उपकरण हैं जो आपको विशिष्ट HTML तत्वों को शैली देने की अनुमति देते हैं। हालांकि चयन के दोनों तरीके लगभग समान होते हैं, परन्तु कुछ अंतर हैं।

1. अद्वितीयता: कक्षाएं गैर-अद्वितीय होती हैं, जिसका मतलब है कि आप कई अलग-अलग तत्वों पर एक ही कक्षाओं का उपयोग कर सकते हैं। दूसरी ओर, पहचानकर्ता किसी पृष्ठ के लिए अद्वितीय होते हैं, जिसका मतलब है कि प्रत्येक पहचानकर्ता का उपयोग प्रति पृष्ठ एक बार ही किया जा सकता है।

2. विशेषता: पहचानकर्ता कक्षाओं की तुलना में अधिक विशिष्ट होते हैं। इसका मतलब है कि अगर शैलियां संघर्ष रही हैं, तो पहचानकर्ता शैलियां कक्षा शैलियां ओवरराइड करेंगी।

3. JavaScript एप्लीकेशन: पहचानकर्ता अक्सर HTML तत्वों को JavaScript का उपयोग करके मनिपुलेट करने के लिए उपयोग किए जाते हैं, जबकि कक्षाएं इस उद्देश्य के लिए कम अक्सर उपयोग की जाती हैं।

4. स्केलेबिलिटी: कक्षा शैलियां कई तत्वों द्वारा पृष्ठ पर पुन: उपयोग की जा सकती हैं। पहचानकर्ता कम लचीले होते हैं और अधिक संभावना होती है कि वे बहुत विशिष्ट सेक्शन को शैली देने के लिए उपयोग किए जाते हैं।

कृपया ध्यान दें कि सर्वश्रेष्ठ प्रथाओं में से एक है कि CSS शैलियों के लिए कक्षाओं का उपयोग करें और JavaScript के लिए पहचानकर्ता।

कैसे एक CSS स्टाइलशीट को एक HTML दस्तावेज़ से जोड़ा जा सकता है?

एक CSS स्टाइलशीट को HTML दस्तावेज़ से निम्नलिखित तरीकों में से एक का उपयोग करके जोड़ा जा सकता है:

1. **इन-लाइन स्टाइल:** शैलीयाँ सीधे HTML तत्वों से `style` विशेषता का उपयोग करके जोड़ी जाती हैं। उदाहरण के लिए:

<p style="color:red;">This text is red</p>

यह तरीका दुर्लभ रूप से उपयोग किया जाता है, आमतौर पर "एक बार" शैली परिवर्तनों के लिए।

2. **आंतरिक CSS:** शैलीयाँ HTML दस्तावेज़ के `<head>` अनुभाग में `<style>` टैग के भीतर शामिल की जाती हैं। उदाहरण:

<head>
     <style>
       p { color: red; }
     </style>
   </head>

यह तरीका एकल-पृष्ठ HTML दस्तावेजों के लिए उपयोगी है।

3. **बाहरी CSS:** CSS को जोड़ने के लिए सबसे आम रूप से उपयोग किया जाने वाला तरीका। CSS शीट को एक अलग फ़ाइल में लिखा जाता है (आमतौर पर .css एक्सटेंशन के साथ) और HTML दस्तावेज़ से `<head>` अनुभाग में एक लिंक का उपयोग करके जोड़ा जाता है। उदाहरण:

<head>
     <link rel="stylesheet" type="text/css" href="styles.css">
   </head>

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

CSS में छद्म-कक्षाएं क्या हैं और उनका उपयोग का एक उदाहरण दें।

CSS में स्यूडो-क्लासेस एक विशेष अवस्था को परिभाषित करने के लिए चयनकर्ताओं में कीवर्ड जोड़े जाते हैं। वे HTML तत्वों को कोड में सीधे शामिल सूचना के आधार पर ही नहीं, अपितु तत्व के किसी निश्चित संदर्भ या अवस्था पर आधारित करके शैली देने की अनुमति देते हैं।

उदाहरण के लिए, :hover स्यूडो-क्लास माउस के साथ होवर करने पर एक तत्व में दृश्य परिवर्तन की अनुमति देता है। अन्य उपयोगी स्यूडो-क्लासेस में :active (जब तत्व सक्रिय होता है या क्लिक किया जाता है), :visited (जब एक लिंक का दौरा किया जाता है), या :first-child (एक निर्धारित तत्व का पहला बच्चा शैली) शामिल हैं।

नमूना कोड दिखा रहा है कि :hover स्यूडो-क्लास का उपयोग एक निर्धारित तत्व का पृष्ठभूमि रंग बदलने के लिए कैसे किया जा सकता है जब यह माउस के साथ होवर किया जाता है:

button:hover {
  background-color: red;
}

इस मामले में, जब उपयोगकर्ता इस पर माउस के साथ होवर करता है, तो बटन का पृष्ठभूमि रंग लाल हो जाएगा। ऐसा अंतर्क्रिया स्यूडो-क्लास के उपयोग के बिना संभव नहीं होता।

CSS में तत्वों को स्थिति देने के तरीके क्या हैं और उनकी क्या सीमाएँ हैं?

CSS में, हमारे पास तत्वों की स्थिति चुनने के कई तरीके हैं:

1. स्थिर: यह डिफ़ॉल्ट सेटिंग है जिसमें तत्व एक के बाद एक HTML संरचना द्वारा निर्धारित स्थान पर स्टैक होते हैं। तत्व की स्थिति अप्रासंगिक होती है और उसे ऊपर, दाईं, नीचे, या बाईं गुणधर्मों का उपयोग करके बदला नहीं जा सकता। सीमा है तत्व की स्थापना पर नियंत्रण की कमी।

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

3. निरपेक्ष: एक तत्व की स्थिति का निर्धारण स्थिर से अलग तरीके से स्थित किए गए निकटतम उच्च संरचना तत्व के सापेक्ष होता है (सापेक्ष, निरपेक्ष, फिक्स्ड, स्टिकी)। अगर ऐसा कोई तत्व नहीं है, तो स्थिति दस्तावेज़ के सापेक्ष निर्धारित होती है। तत्व को सामान्य दस्तावेज़ प्रवाह से हटा दिया जाता है और इसका अन्य तत्वों की लेआउट पर कोई प्रभाव नहीं होता। सीमा है स्थिति संदर्भ को नियंत्रित करने की आवश्यकता।

4. निश्चित: एक तत्व की स्थिति ब्राउज़र के किनारों के सापेक्ष निर्धारित होती है। ऐसा तत्व पृष्ठ को स्क्रॉल करने पर भी हिलता नहीं। यह सामान्य दस्तावेज़ प्रवाह से निकाला जाता है और उसका अन्य तत्वों की लेआउट पर कोई प्रभाव नहीं होता। सीमा है स्थायी रूप से स्थापित किए गए एक द्वारा अन्य तत्वों को छिपाने की संभावना।

5. स्टिकी: यह सापेक्ष और निश्चित स्थिति निर्धारण का संयोजन है। तत्व एक स्थिर वाले की तरह व्यवहार करता है जब तक उसका ऊपरी किनारा एक विशिष्ट स्थान (जैसे स्क्रीन का ऊपरी किनारा) तक नहीं पहुंचता, फिर तत्व व्यवहार करता है जैसे कि यह निश्चित स्थिति में था। सीमा है ब्राउज़र समर्थन की आवश्यकता।