CSS Interview Questions and Answers in Hindi

CSS Interview Questions and Answers in Hindi

CSS (Cascading Style Sheets) वेब डिज़ाइन और डेवलपमेंट का एक महत्वपूर्ण हिस्सा है। यदि आप एक वेब डेवलपर या डिज़ाइनर के रूप में नौकरी की तलाश में हैं, तो CSS से संबंधित प्रश्न आपके इंटरव्यू में जरूर पूछे जाएंगे। इस पोस्ट में, हमने CSS Interview Questions and Answers in Hindi में तैयार किए हैं, जो आपकी तैयारी में मदद करेंगे।

Basic CSS Interview Questions and Answers in Hindi

इस पोस्ट में, हमने CSS Interview Questions and Answers in Hindi में तैयार किए हैं, जो आपकी तैयारी में मदद करेंगे।

Q1: CSS क्या है?

उत्तर: CSS (Cascading Style Sheets) एक स्टाइल शीट लैंग्वेज है जो HTML दस्तावेज़ों की प्रस्तुति (presentation) को नियंत्रित करती है। यह वेब पेज के लेआउट, रंग, फ़ॉन्ट और अन्य दृश्य तत्वों को परिभाषित करती है।

Q2: CSS का उपयोग क्यों किया जाता है?

उत्तर: CSS का उपयोग वेब पेजों को स्टाइल और आकर्षक बनाने के लिए किया जाता है। यह HTML को केवल स्ट्रक्चर प्रदान करने देता है, जबकि CSS डिज़ाइन और लेआउट को संभालती है।

Q3: CSS के कितने प्रकार होते हैं?

उत्तर: CSS के तीन प्रकार होते हैं:

  • Inline CSS
  • Internal CSS
  • External CSS

Q4: Inline CSS क्या है?

उत्तर: Inline CSS का उपयोग HTML एलिमेंट्स के अंदर style एट्रिब्यूट का उपयोग करके किया जाता है। उदाहरण:

htmlCopy<p style="color:red;">यह लाल रंग का टेक्स्ट है।</p>Run HTML

Q5: Internal CSS क्या है?

उत्तर: Internal CSS को HTML दस्तावेज़ के <head> सेक्शन में <style> टैग के अंदर लिखा जाता है। उदाहरण:

htmlCopy<style> p { color: blue; } </style>Run HTML

Q6: External CSS क्या है?

उत्तर: External CSS एक अलग .css फ़ाइल में लिखा जाता है और इसे HTML दस्तावेज़ में <link> टैग का उपयोग करके जोड़ा जाता है। उदाहरण:

htmlCopy<link rel="stylesheet" type="text/css" href="styles.css">Run HTML

Q7: CSS में Comments कैसे जोड़ें?

उत्तर: CSS में Comments को /* ... */ के बीच लिखा जाता है। उदाहरण:

cssCopy/* यह एक कमेंट है */ p { color: green; }

Q8: CSS Selectors क्या हैं?

उत्तर: CSS Selectors का उपयोग HTML एलिमेंट्स को स्टाइल करने के लिए किया जाता है। कुछ प्रमुख Selectors हैं:

  • Element Selector (p)
  • Class Selector (.class)
  • ID Selector (#id)

Q9: Class और ID में क्या अंतर है?

उत्तर:

  • Class: एक Class को कई एलिमेंट्स पर लागू किया जा सकता है। इसे . (डॉट) से दर्शाया जाता है।
  • ID: एक ID केवल एक एलिमेंट पर लागू होता है। इसे # (हैश) से दर्शाया जाता है।

Q10: CSS Box Model क्या है?

उत्तर: CSS Box Model एक एलिमेंट के लिए मार्जिन, बॉर्डर, पैडिंग और कंटेंट को परिभाषित करता है। यह चार भागों में बंटा होता है:

  • Content
  • Padding
  • Border
  • Margin

Q11: Margin और Padding में क्या अंतर है?

उत्तर:

  • Margin: एलिमेंट के बाहर की जगह को परिभाषित करता है।
  • Padding: एलिमेंट के अंदर की जगह को परिभाषित करता है।

Q12: CSS में display प्रॉपर्टी क्या है?

उत्तर:display प्रॉपर्टी यह निर्धारित करती है कि एक एलिमेंट कैसे प्रदर्शित होगा। कुछ मान हैं:

  • block
  • inline
  • inline-block
  • none

Q13: position प्रॉपर्टी क्या है?

उत्तर:position प्रॉपर्टी एलिमेंट की पोजीशनिंग को नियंत्रित करती है। मान हैं:

  • static
  • relative
  • absolute
  • fixed
  • sticky

Q14: Z-Index क्या है?

उत्तर: z-index प्रॉपर्टी एलिमेंट्स के स्टैकिंग ऑर्डर को नियंत्रित करती है। यह केवल position प्रॉपर्टी के साथ काम करती है।

Q15: CSS में Flexbox क्या है?

उत्तर: Flexbox एक लेआउट मॉडल है जो एलिमेंट्स को लचीले ढंग से व्यवस्थित करने में मदद करता है।

Q16: CSS Grid क्या है?

उत्तर: CSS Grid एक द्वि-आयामी लेआउट सिस्टम है जो पंक्तियों और स्तंभों में एलिमेंट्स को व्यवस्थित करता है।

Q17: Media Queries क्या हैं?

उत्तर: Media Queries का उपयोग Responsive डिज़ाइन बनाने के लिए किया जाता है। यह डिवाइस की स्क्रीन साइज़ के आधार पर स्टाइल्स लागू करता है।

Q18: CSS में Variables कैसे उपयोग करें?

उत्तर: CSS Variables को -- से परिभाषित किया जाता है और var() फ़ंक्शन का उपयोग करके उपयोग किया जाता है। उदाहरण:

:root { --main-color: blue; }
p { color: var(--main-color); }

Q19: CSS में !important क्या है?

उत्तर: !important का उपयोग किसी प्रॉपर्टी को अन्य सभी स्टाइल्स से ऊपर रखने के लिए किया जाता है।

Q20: CSS Specificity क्या है?

उत्तर: Specificity यह निर्धारित करती है कि कौन सा CSS नियम लागू होगा जब एक ही एलिमेंट पर कई नियम लागू होते हैं।

Intermediate CSS Interview Questions and Answer In Hindi

Q21: CSS में Pseudo-classes क्या हैं?

उत्तर: Pseudo-classes एलिमेंट्स की विशेष स्थितियों को स्टाइल करने के लिए उपयोग की जाती हैं। उदाहरण: :hover, :focus।

Q22: CSS में Pseudo-elements क्या हैं?

उत्तर: Pseudo-elements एलिमेंट्स के कुछ हिस्सों को स्टाइल करने के लिए उपयोग की जाती हैं। उदाहरण: ::before, ::after।

Q23: CSS में float प्रॉपर्टी क्या है?

उत्तर: float प्रॉपर्टी एलिमेंट को बाएं या दाएं तैरने (float) के लिए उपयोग की जाती है।

Q24: CSS में clear प्रॉपर्टी क्या है?

उत्तर: clear प्रॉपर्टी यह निर्धारित करती है कि कौन सा एलिमेंट float एलिमेंट्स के बगल में नहीं आएगा।

Q25: CSS में box-shadow क्या है?

उत्तर: box-shadow प्रॉपर्टी एलिमेंट के चारों ओर छाया जोड़ती है।

Q26: CSS में text-shadow क्या है?

उत्तर: text-shadow प्रॉपर्टी टेक्स्ट के चारों ओर छाया जोड़ती है।

Q27: CSS में transition क्या है?

उत्तर: transition प्रॉपर्टी एलिमेंट के स्टाइल में परिवर्तन को धीरे-धीरे (animate) करती है।

Q28: CSS में transform क्या है?

उत्तर: transform प्रॉपर्टी एलिमेंट को घुमाने, स्केल करने या स्थानांतरित करने के लिए उपयोग की जाती है।

Q29: CSS में animation क्या है?

उत्तर: animation प्रॉपर्टी एलिमेंट्स पर एनिमेशन लागू करती है।

Q30: CSS में @keyframes क्या है?

उत्तर: @keyframes एनिमेशन के विभिन्न चरणों को परिभाषित करता है।

Advanced CSS Interview Questions and Answer In Hindi

Q31: CSS Preprocessors क्या हैं?

उत्तर: CSS Preprocessors (जैसे SASS, LESS) CSS को और अधिक शक्तिशाली बनाने के लिए उपयोग किए जाते हैं।

Q32: SASS क्या है?

उत्तर: SASS (Syntactically Awesome Style Sheets) एक CSS Preprocessor है जो Variables, Nesting और Mixins जैसी सुविधाएं प्रदान करता है।

Q33: LESS क्या है?

उत्तर: LESS एक और CSS Preprocessor है जो SASS के समान सुविधाएं प्रदान करता है।

Q34: CSS में BEM Methodology क्या है?

उत्तर: BEM (Block, Element, Modifier) CSS क्लास नामकरण की एक मेथडोलॉजी है जो कोड को अधिक संरचित बनाती है।

Q35: CSS में calc() फ़ंक्शन क्या है?

उत्तर: calc() फ़ंक्शन गणितीय गणनाओं को CSS में करने के लिए उपयोग किया जाता है।

Q36: CSS में vh और vw यूनिट्स क्या हैं?

उत्तर: vh (Viewport Height) और vw (Viewport Width) Viewport के आकार के आधार पर साइज़ निर्धारित करते हैं।

Q37: CSS में rem और em में क्या अंतर है?

उत्तर:

  • em Parent एलिमेंट के फ़ॉन्ट साइज़ पर आधारित होता है।
  • rem Root एलिमेंट (HTML) के फ़ॉन्ट साइज़ पर आधारित होता है।

Q38: CSS में overflow प्रॉपर्टी क्या है?

उत्तर: overflow प्रॉपर्टी यह निर्धारित करती है कि जब कंटेंट एलिमेंट के आकार से बड़ा हो जाए तो क्या होगा।

Q39: CSS में visibility और display: none में क्या अंतर है?

उत्तर:

  • visibility: hidden एलिमेंट को छुपाता है लेकिन जगह रखता है।
  • display: none एलिमेंट को पूरी तरह से हटा देता है।

Q40: CSS में flex-grow और flex-shrink क्या हैं?

उत्तर:

  • flex-grow एलिमेंट को बढ़ने की अनुमति देता है।
  • flex-shrink एलिमेंट को सिकुड़ने की अनुमति देता है।

निष्कर्ष

यह 100 CSS Interview Questions and Answers in Hindi आपके इंटरव्यू की तैयारी में मदद करेंगे। CSS एक शक्तिशाली टूल है, और इसे सही तरीके से समझना आपके करियर के लिए महत्वपूर्ण है। यदि आपको यह पोस्ट पसंद आई हो, तो इसे शेयर करें और अपने दोस्तों के साथ साझा करें।

Read More:

Related posts:

GK Quiz on Hindu Mythology in Hindi

February 15, 2025

SEO Interview Questions in Hindi

February 6, 2025

CV Kaise Banate Hain | CV कैसे बनाएं : संपूर्ण गाइड

January 21, 2025

Views: 2

Translate »
Scroll to Top