CSS Online Quiz Hindi - Page 9

CSS Quiz Instructions (प्रारंभ करने से पहले अवश्य पढ़ें)

इस test को शुरू करने के लिए नीचे दिए गए "Start Test" बटन पर क्लिक करें। test प्रारंभ होते ही आपके सामने पहला question प्रदर्शित होगा।

प्रत्येक question के लिए 4 Options दिए गए हैं, जिनमें से आपको केवल एक सही option का चयन करना है। प्रत्येक question के लिए आपके पास 60 second का समय होगा।

जैसे ही आप किसी question का answer चुनेंगे, "Next" Button Active हो जाएगा। इस button पर क्लिक करके आप अगले question पर आगे बढ़ सकते हैं।

इस quiz में कुल 20 question हैं।

Result & Evaluation

सभी 20 Questions को पूरा करने के बाद, आपको तुरंत आपका Detailed Result प्रदर्शित किया जाएगा।

Result में आपको निम्नलिखित जानकारी मिलेगी:

• Correct Answers - आपने कितने Questions के सही answer दिए।
• Wrong Answers - आपने कितने Questions में गलत answer चुना।
• Skipped Questions - कितने Questions में आपने कोई answer नहीं दिया।
• प्रत्येक question का विश्लेषण - आपने क्या answer दिया और सही answer क्या था।
• Total Time Taken - पूरे quiz को पूरा करने में लगा समय।

Special Note

यहाँ CSS Programming के कुछ interesting, चौंकाने वाले और मजेदार Facts दिए गए हैं:

CSS का पूरा नाम - CSS का पूरा नाम Cascading Style Sheets है। इसका काम website के HTML elements को design और style देना होता है। यानी HTML website का structure बनाता है, जबकि CSS उसे सुंदर और आकर्षक बनाता है। बिना CSS के modern websites काफी boring और plain दिखाई दे सकती हैं!

CSS की शुरुआत - CSS को पहली बार Håkon Wium Lie ने 1994 में propose किया था। उस समय websites को अलग-अलग तरीके से style करना काफी मुश्किल था। CSS का idea इसी समस्या को solve करने के लिए आया, ताकि webpage की presentation को HTML structure से अलग रखा जा सके।

Cascading का मतलब - CSS में "Cascading" का मतलब है कि जब किसी element पर एक से ज्यादा CSS rules लागू होते हैं, तो browser कुछ rules को priority देता है। यही कारण है कि specificity, inheritance और source order CSS में बहुत important होते हैं। कभी-कभी एक छोटा सा CSS rule पूरे design को बदल देता है!

CSS सिर्फ Colors और Fonts नहीं है - बहुत से beginners सोचते हैं कि CSS का काम केवल color, font और background बदलना है। लेकिन CSS की मदद से आप animations, transitions, responsive layouts, grids, flexbox, shadows, transformations और बहुत कुछ बना सकते हैं। आज की modern websites का पूरा visual experience काफी हद तक CSS पर depend करता है।

CSS में एक ही Property कई Values ले सकती है - CSS की कुछ properties जैसे margin, padding और border को एक ही line में कई values दी जा सकती हैं। उदाहरण के लिए margin: 10px 20px; लिखने पर ऊपर-नीचे और left-right के लिए अलग-अलग spacing set हो जाती है। छोटी सी line और काम बड़ा!

Flexbox ने Layout को आसान बना दिया - पहले webpages में elements को सही जगह पर रखने के लिए developers को काफी मुश्किल techniques का इस्तेमाल करना पड़ता था। CSS Flexbox ने इस काम को बहुत आसान बना दिया। अब कुछ properties की मदद से elements को row, column, center और different spacing के साथ आसानी से arrange किया जा सकता है।

CSS Grid एक पूरा Layout System है - CSS Grid की मदद से webpage को rows और columns में divide करके complex layouts बनाए जा सकते हैं। यानी आप बिना बहुत ज्यादा HTML elements या complicated positioning के professional-looking layouts तैयार कर सकते हैं।

CSS में Animation भी बिना JavaScript के - क्या आप जानते हैं कि simple animations बनाने के लिए हमेशा JavaScript की जरूरत नहीं होती? CSS के @keyframes और animation properties की मदद से loading effects, moving elements, color changes और कई तरह के animations बनाए जा सकते हैं।

CSS Variables - CSS में आप अपने खुद के variables भी बना सकते हैं। जैसे --main-color: #9233d1; लिखकर उसी color को पूरी website में बार-बार use किया जा सकता है। बाद में सिर्फ एक जगह color बदलने पर पूरी website का theme बदल सकता है। यह बड़े projects में काफी useful होता है।

CSS में !important - CSS में !important rule किसी declaration की priority को बहुत बढ़ा देता है। लेकिन इसका जरूरत से ज्यादा इस्तेमाल करना ठीक नहीं माना जाता, क्योंकि बाद में CSS को manage और debug करना मुश्किल हो सकता है। इसलिए इसे जरूरत पड़ने पर ही इस्तेमाल करना बेहतर होता है।

Responsive Design - आज website केवल computer पर नहीं बल्कि mobile, tablet और अलग-अलग screen sizes पर भी देखी जाती है। CSS की Media Queries की मदद से एक ही website का layout अलग-अलग devices के हिसाब से automatically adjust किया जा सकता है। यही responsive web design की एक important foundation है।

CSS का छोटा सा बदलाव, पूरा Look बदल सकता है! एक ही HTML page को अलग CSS देने पर वह बिल्कुल अलग website जैसा दिखाई दे सकता है। यही CSS की सबसे interesting बातों में से एक है—structure वही रहता है, लेकिन styling बदलते ही पूरा user experience बदल जाता है!

---

---

---

---

---

---

Quizzes in Hindi

---

---

---

---