सीएसएस3 साक्षात्कार प्रश्न और उत्तर के लिए परिचय
कैस्केडिंग स्टाइल शीट एक स्टाइल शीट भाषा है जो मार्कअप भाषा में लिखे दस्तावेज़ के स्वरूप और स्वरूपण का वर्णन करती है। यह वेब डिज़ाइनिंग और एक्सएचटीएमएल में लोकप्रिय है । सीएसएस 1 दिसंबर 1996 में एक सिफारिश आया। यह संस्करण सभी एचटीएमएल टैग्स के लिए सीएसएस भाषा के साथ ही सरल दृश्य स्वरूपण मॉडल का वर्णन करता है । सीएसएस3 1999 में डब्ल्यू 3 सी सिफारिश बन गया, जो सीएसएस के पुराने संस्करणों पर बनाया गया है।
शैली परिवर्तन का एक उदाहरण हो सकता है
<b> Hello World </ b>
मानक एचटीएमएल में, <b> टैग शब्दों को बोल्ड बनाने के लिए उपयोग किया जाता है।
यह ठीक काम करता है। लेकिन कुछ समय बाद, आप बोल्ड के बजाय अपना टेक्स्ट रेखांकित करना चाहते हैं, तो आपको प्रत्येक स्थान पर जाना होगा और <b> टैग <u> टैग को बदलना होगा। यह एक बहुत ही कठिन काम है। अगर आप पाठ का फ़ॉन्ट बदलना चाहते हैं तो आपको एचटीएमएल को लिखना होगा
<font face = “Verdana”>
<strong> यह टेक्स्ट है </ strong> </ font>
अपने पाठ में वांछित परिवर्तन करने के साथ कोड के ऊपर, लेकिन इसके लिए बहुत सारे रैपर टैग की आवश्यकता होती है और एचटीएमएल को गन्दा दिखता है।
सीएसएस के साथ आप एक बिंदु पर कस्टम स्टाइल बना सकते हैं और सभी गुणों को सेट कर सकते हैं, इसे एक अद्वितीय नाम दें और इन स्टाइल गुणों को लागू करने के लिए अपने एचटीएमएल को टैग करें। सीएसएस में स्टाइल नियम शामिल हैं जिन्हें ब्राउज़र द्वारा व्याख्या किया जाता है और फिर आपके दस्तावेज़ में संबंधित तत्वों पर लागू होता है। एक स्टाइल नियम बना है
- चयनकर्ता: एक चयनकर्ता एचटीएमएल टैग है जिस पर एक स्टाइल लागू की जाएगी। यह <h1>, <p> आदि के रूप में कोई टैग हो सकता है
- संपत्ति: एक संपत्ति एचटीएमएल टैग की विशेषता का एक प्रकार है। सभी एचटीएमएल विशेषताओं को सीएसएस संपत्ति में परिवर्तित कर दिया जाता है। यह रंग, सीमा आदि हो सकता है
- मान: मान गुणों को सौंपा गया है। जैसे रंग संपत्ति में मूल्य लाल, हरा आदि हो सकता है
सीएसएस वाक्यविन्यास निम्नानुसार हो सकता है
चयनकर्ता {संपत्ति: मूल्य}
चयनकर्ताओं को निम्न तरीकों से परिभाषित किया जा सकता है
- टाइप चयनकर्ता
डिफ़ॉल्ट चयनकर्ता
h1 {color: #ffff;} - सार्वभौमिक चयनकर्ता
यूनिवर्सल चयनकर्ता किसी भी तत्व प्रकार के नाम से मेल खाता है।
* {color: #ffff;}
- डिसेंडेंट चयनकर्ता मान लीजिए कि आप केवल एक तत्व के लिए स्टाइल लागू करना चाहते हैं जब यह किसी विशेष तत्व के अंदर होता है। जैसे
ul em {color: #ffff;}
स्टाइल <em> तत्व पर लागू होगी जब यह <ul> टैग के अंदर होती है।
- कक्षा चयनकर्ता
स्टाइल नियम तत्व के वर्ग गुण के आधार पर परिभाषित किया जा सकता है।उस वर्ग वाले सभी तत्वों को परिभाषित नियम के अनुसार स्वरूपित किया जाएगा। - आईडी चयनकर्ता
स्टाइल नियम तत्व की आईडी विशेषता के आधार पर परिभाषित किया जा सकता है।
h1 # black {color: #ffff;}
यह नियम केवल <h1> तत्वों के लिए काले रंग में सामग्री प्रस्तुत करता है।
आप इस सीएसएस कोड को सम्मिलित कर सकते हैं जो नई स्टाइल को परिभाषित करता है। स्टाइल <style> टैग के साथ परिभाषित किया गया है
<style type=”text/css>
। myNewStyle {
font-family: Verdana, Arial, sans-sheriff;
font-weight: bold;
color: # FF000;
}
</ Style>
यह छोटी परियोजनाओं के लिए ठीक काम करेगा। लेकिन जब आपको कई पृष्ठों के लिए शैलियों को परिभाषित करने की आवश्यकता होती है, तो प्रत्येक पृष्ठ में समान सीएसएस कोड कॉपी और पेस्ट करना बहुत मुश्किल होगा। इसलिए, जावास्क्रिप्ट की तरह, आप एक अलग फ़ाइल में सीएसएस शैलियों को भी बना सकते हैं और फिर इसे पृष्ठ से लिंक कर सकते हैं
<link href = “stylheet.css” rel = “styleheet” प्रकार =”test/css”>
उपरोक्त कोड एचटीएमएल दस्तावेज़ में आपकी बाहरी स्टाइलशीट “styleheet.css” लिंक करता है। यह लिंक टैग हेड टैग के भीतर रखा जाना चाहिए। आप अपने सीएसएस कोड को एक साधारण परीक्षण फ़ाइल में लिख सकते हैं और इसके एक्सटेंशन को . सीएसएस में बदल सकते हैं।
सीएसएस3 में नौकरी साक्षात्कार के लिए तैयारी। मुझे यकीन है कि आप सबसे आम सीएसएस3 साक्षात्कार प्रश्न और उत्तर जानना चाहते हैं जो आसानी से सीएसएस3 साक्षात्कार को क्रैक करने में आपकी सहायता करेंगे। नीचे आपके बचाव पर शीर्ष सीएसएस3 साक्षात्कार प्रश्न और उत्तर की सूची दी गई है जो दो भागों में विभाजित है:
भाग 1 – सीएसएस3 साक्षात्कार प्रश्न (मूल)
इस पहले भाग में बुनियादी सीएसएस3 साक्षात्कार प्रश्न और उत्तर शामिल हैं
- वेब पेज के रूप में सीएसएस को कितने तरीकों से एकीकृत किया जा सकता है?
उत्तर:
सीएसएस को तीन तरीकों से एकीकृत किया जा सकता है
- इनलाइन:एचटीएमएल तत्वों पर सीएसएस लागू करने के लिए स्टाइल एट्रिब्यूट का उपयोग किया जा सकता है।
- एम्बेडेड:मुख्य तत्व में एक स्टाइल तत्व हो सकता है जिसके भीतर कोड रखा जा सकता है।
- लिंक / आयातित:सीएसएस को बाहरी फाइल में रखा जा सकता है और लिंक तत्व के माध्यम से जोड़ा जा सकता है।
- बाहरी स्टाइल शीट के क्या फायदे और डेमेट करते हैं?
उत्तर:
लाभ:
- एकाधिक शैलियों वाले कई अलग-अलग दस्तावेज़ों के लिए एक फ़ाइल का उपयोग किया जा सकता है।
- एकाधिक एचटीएमएल तत्वों में कई अलग-अलग दस्तावेज़ हो सकते हैं जिनमें कक्षाएं हो सकती हैं।
- समग्र स्थितियों में शैलियों को समूहित करने के लिए, चयनकर्ताओं और समूहीकरण के रूप में विधियों का उपयोग किया जा सकता है।
अवगुण
- स्टाइल की जानकारी वाले दस्तावेजों को आयात करने के लिए एक अतिरिक्त डाउनलोड की आवश्यकता है।
- दस्तावेज़ प्रस्तुत करने के लिए, बाहरी स्टाइल शीट लोड की जानी चाहिए।
- छोटी स्टाइल परिभाषाओं के लिए व्यावहारिक नहीं है।
आइए अगले सीएसएस3 साक्षात्कार प्रश्न पर जाएं
- एम्बेडेड स्टाइल शीट की योग्यता और दोष क्या हैं?
उत्तर:
यह बुनियादी सीएसएस3 साक्षात्कार प्रश्न हैं जिन्हें अक्सर एक साक्षात्कार में पूछा जाता है। निम्नानुसार योग्यता और विचलन निम्नानुसार है:
गुण:
- एक ही दस्तावेज़ में एकाधिक टैग प्रकार बनाए जा सकते हैं।
- स्टाइल, एक जटिल परिस्थिति में, चयनकर्ता और समूहीकरण विधियों का उपयोग करके लागू किया जा सकता है।
- अनावश्यक में अतिरिक्त डाउनलोड।
अवगुण
- एकाधिक दस्तावेजों को नियंत्रित नहीं किया जा सकता है।
- सीएसएस के फायदे और सीमाएं क्या हैं?
उत्तर:
लाभ
- बैंडविड्थ
- साइट-व्यापी स्थिरता।
- पेज रीफारमेटिंग
- सरल उपयोग
- प्रस्तुति से अलग सामग्री।
नुकसान
- चयनकर्ता चयन करना संभव नहीं है।
- लंबवत नियंत्रण की सीमाएं।
- कोई अभिव्यक्ति नहीं
- कोई कॉलम घोषणा नहीं।
- सूडो-क्लास गतिशील घोषणाओं द्वारा नियंत्रित नहीं है।
- नियम, शैलियों को विशिष्ट पाठ को लक्षित करना संभव नहीं है।
- सीएसएस में एक से अधिक घोषणाएं जोड़ दी जा सकती हैं?
उत्तर:
हां, यह अर्धविराम का उपयोग करके हासिल किया जा सकता है;
भाग 2 – सीएसएस3 साक्षात्कार प्रश्न (उन्नत)
आइए अब उन्नत सीएसएस3 साक्षात्कार प्रश्न पर नज़र डालें।
- भौतिक टैग से तार्किक टैग को अलग करें?
उत्तर:
- भौतिक टैग को प्रस्तुति चिह्न के रूप में भी जाना जाता है; तार्किक टैग प्रस्तुतियों के लिए उपयोग नहीं किया जाता है।
- भौतिक टैग नए संस्करण हैं जबकि तार्किक टैग पुराने हैं और सामग्री पर ध्यान केंद्रित करते हैं।
- एक प्रासंगिक चयनकर्ता क्या है?
उत्तर:
किसी तत्व के विशेष घटनाओं का चयन करने के लिए उपयोग किए जाने वाले चयनकर्ता को प्रासंगिक चयनकर्ता कहा जाता है। अंतरिक्ष व्यक्तिगत चयनकर्ताओं को अलग करता है। इस प्रकार के चयनकर्ता में केवल पैटर्न का अंतिम तत्व संबोधित किया जाता है।
आइए अगले सीएसएस3 साक्षात्कार प्रश्न पर जाएं
- जेड इंडेक्स कैसे काम करता है?
उत्तर:
एचटीएमएल तत्वों को पोजीशन करने के लिए सीएसएस का उपयोग करते समय ओवरलैपिंग हो सकती है। जेड इंडेक्स ओवरलैपिंग तत्व निर्दिष्ट करने में मदद करता है। यह एक संख्या है जो सकारात्मक या नकारात्मक हो सकती है, डिफ़ॉल्ट मान शून्य है।
- क्या किसी विशेष तत्व के लिए कक्षा चयनकर्ता बनाना संभव है? कैसे?
उत्तर:
हां, हम किसी विशेष तत्व के लिए कक्षा चयनकर्ता बना सकते हैं। उदाहरण के लिए
h2.className{
Color: #FFFF;
}
उपरोक्त उदाहरण में, जब भी ‘वर्ग नाम’ तत्व ‘h2’ के अंतर्गत पाया जाता है तो सफेद रंग लागू होता है।
- हम सीएसएस3 में टेक्स्ट छाया या बॉक्स छाया कैसे बना सकते हैं?
उत्तर:
बॉक्स छाया बनाया जा सकता है
box-shadow: 5px 5px 2px #ffff;
text-shadow: 5px 5px 2px # ffff;;
- सीएसएस3 में नए ग्रंथ क्या जोड़े गए हैं?
उत्तर:
- वर्ड रैप
- पाठ-अतिप्रवाह
- शब्द-तोड़
अनुशंसित लेख
यह सीएसएस 3 साक्षात्कार प्रश्न और उत्तर की सूची के लिए एक गाइड रहा है ताकि उम्मीदवार इन सीएसएस 3 साक्षात्कार प्रश्नों को आसानी से क्रैकडाउन कर सके। इस पोस्ट में, हमने शीर्ष CSS3 साक्षात्कार प्रश्नों के बारे में अध्ययन किया है जो अक्सर साक्षात्कारों में पूछे जाते हैं। अधिक जानने के लिए आप निम्नलिखित लेख भी देख सकते हैं –
- पर्ल साक्षात्कार प्रश्न और उत्तर
10 उन्नत AngularJS साक्षात्कार प्रश्न
12 सबसे उपयोगी Django साक्षात्कार प्रश्न