Css Part-2 1 / 100 display: contents; का effect क्या है? Element hide होगा Element inline बना देगा Element block बना देगा Element itself remove हो जाता है, children display होंगे normal flow में 2 / 100 transition: transform 0.5s ease-in-out; में 0.5s किसके लिए है? Transition duration Animation duration Transition speed function Transition delay 3 / 100 text-transform: capitalize; का effect? सभी text uppercase हर word का पहला letter uppercase Text hide सभी text lowercase 4 / 100 filter: sepia(100%); क्या effect देगा? Image brownish old-photo effect देगा Image blur करेगा Image black-white करेगा Image hide करेगा 5 / 100 grid-auto-columns: 100px; का effect? Column hide होगी Automatically created columns width 100px होगी Column rotate होगा All columns width fix होगी 6 / 100 min-height और max-height का main difference? Font size adjust करता है Min-height minimum height define करता है, max-height maximum height Min-height ignore करता है, max-height apply होता है दोनों same हैं 7 / 100 :hover pseudo-class कौन सा event trigger करता है? Focus Active Mouse hover Click 8 / 100 clip-path: circle(50% at 50% 50%); क्या करेगा? Element hide करेगा Element rotate करेगा Element resize करेगा Element को circular crop करेगा centered 9 / 100 text-shadow: 2px 2px 5px red; में 5px किसके लिए है? Blur radius Color Vertical offset Horizontal offset 10 / 100 backface-visibility: hidden; किसके लिए use होती है? Text hide करने के लिए Image hide करने के लिए 3D transform में backface hide करने के लिए Element hide करने के लिए 11 / 100 media print का use? Animation define करने के लिए Print style define करने के लिए Font import करने के लिए Screen style define करने के लिए 12 / 100 :nth-child(even) pseudo-class किसे select करता है? Last element First element Even numbered elements Odd numbered elements 13 / 100 CSS में filter: drop-shadow(5px 5px 5px black); क्या करेगा? Element rotate करेगा Element hide करेगा Element shadow create करेगा outside element Element blur करेगा 14 / 100 column-count: 3; का मतलब? Text को 3 columns में divide करेगा Grid 3 rows बनाएगा Margin divide करेगा Flex items 3 होंगे 15 / 100 align-self: center; किसके लिए use होती है? Single flex item alignment override करने के लिए Text alignment Grid alignment Flex parent alignment 16 / 100 flex-grow: 2; का effect? Flex item rotate होगा Flex item 2 times grow करेगा compared to others Flex item hide होगा Flex item shrink होगा 17 / 100 overflow-wrap: break-word; का effect? Word hide होगा Word rotate होगा Long word break करके next line में लाएगा Word shrink होगा 18 / 100 text-align: justify; का effect? Text both sides align Text center align Text right align Text left align 19 / 100 CSS में @supports (display: grid) का use? Check करता है browser grid support करता है या नहीं Media query define करने के लिए Animation define करने के लिए Font import करने के लिए 20 / 100 visibility: hidden; और display: none; में main difference? Visibility hidden element hide करता है लेकिन space occupy करता है, display none hide और space remove करता है Visibility hidden element remove करता है, display none occupy करता है दोनों element hide नहीं करते दोनों same हैं 21 / 100 animation-delay: 2s; का effect? Animation immediately start होगी Animation infinite repeat होगी Animation hide होगी Animation 2 seconds delay के बाद start होगी 22 / 100 grid-template-areas का main use? Animation define Named grid areas define करना layout के लिए Background color define Flex alignment 23 / 100 only-child pseudo-class क्या select करता है? Last child Odd child Parent का सिर्फ वही child select First child 24 / 100 scroll-snap-type: x mandatory; किसके लिए use होता है? Animation speed control Scroll hide करने के लिए Horizontal scroll snap points enable करने के लिए Vertical scroll disable करने के लिए 25 / 100 mix-blend-mode: multiply; क्या effect देता है? Element blur होता है Element shadow बनता है Element color background के साथ multiply होता है Element hide होता है 26 / 100 CSS में clamp(min, value, max) का use? Font color define Overflow hide Value ko min और max के बीच restrict करना Animation speed control 27 / 100 grid-auto-flow: dense; का मतलब? Grid sparse रहेगा Grid hide होगा Grid animation होगा Grid automatically fill gaps densely 28 / 100 flex-shrink: 0; का effect? Flex item shrink नहीं होगा Flex item hide होगा Flex item rotate करेगा Flex item grow करेगा 29 / 100 text-overflow: ellipsis; क्या करेगा? Text wrap करेगा Text rotate करेगा Overflow text के लिए ... दिखाएगा Text hide करेगा 30 / 100 :nth-last-child(2) कौन select करेगा? Last element First element Second last element Second element 31 / 100 object-fit: contain; का effect? Stretch करना Container fill करना Image hide करना Aspect ratio maintain करके container में fit करना 32 / 100 animation-iteration-count: 3; का मतलब? Animation सिर्फ 3 बार चलेगी Animation pause होगी Animation hide होगी Animation infinite repeat होगी 33 / 100 CSS Grid में auto-fill और auto-fit का main difference? Auto-fill delete करता है Auto-fill empty columns preserve करता है, auto-fit fill करता है Auto-fit hide करता है दोनों same हैं 34 / 100 transition-timing-function: cubic-bezier(0.25,0.1,0.25,1); क्या define करता है? Transition duration Transition property Transition delay Transition speed curve 35 / 100 pointer-events: all; का मतलब? Element ignore करेगा Element hide हो जाएगा Element click या hover accept करेगा Element background change करेगा 36 / 100 clip-path: inset(10px 20px 30px 40px); में numbers का मतलब? margin values border width top, right, bottom, left inset padding values 37 / 100 flex-basis का main function क्या है? Font size define करता है Padding define करता है Margin define करता है Initial size of flex item before grow/shrink 38 / 100 CSS pseudo-class :first-letter किसके लिए use होती है? First word First line First child First letter of element 39 / 100 CSS में backdrop-filter blur और filter blur में difference? दोनों same हैं Backdrop blur element के पीछे का background blur करता है, filter blur element खुद blur करता है Filter blur background blur करता है Backdrop blur element को hide करता है 40 / 100 overflow: clip; क्या करता है? Content hide नहीं होता Content scrollable बनता है Overflow auto detect होता है Overflow content cut off हो जाता है, scroll नहीं 41 / 100 animation-direction: alternate; का effect क्या है? Animation always forward चलेगी Animation hide हो जाएगी Animation repeat नहीं होगी Animation alternate forward और backward चलेगी 42 / 100 :nth-of-type(3n+1) pseudo-class कौन select करेगा? Every even element Every odd element Last element Every 3rd element starting from 1 43 / 100 position: relative; और position: absolute; में main difference? Relative fixed रहता है, absolute scrollable होता है दोनों same होते हैं Relative parent relative रहता है, absolute parent ignore करता है Relative hide हो जाता है, absolute visible होता है 44 / 100 position: relative; और position: absolute; में main difference? Relative fixed रहता है, absolute scrollable होता है दोनों same होते हैं Relative parent relative रहता है, absolute parent ignore करता है Relative hide हो जाता है, absolute visible होता है 45 / 100 CSS backdrop-filter: blur(5px); कहाँ apply होगा? Element background behind content Font Element border Element content 46 / 100 content-visibility: auto; का क्या फायदा है? Content invisible होता है Content delete होता है Content color change करता है Rendering optimize होती है scroll तक content load नहीं होता 47 / 100 flex-wrap: wrap; का मतलब? Flex items hide होंगे Flex items center align होंगे Flex items next line में wrap होंगे Flex items एक line में ही रहें 48 / 100 overflow-x: auto; का मतलब? Vertical scroll create होगा Scroll hide हो जाएगा Content resize होगा Horizontal scroll auto create होगा जब content exceed करे 49 / 100 CSS variable fallback देने के लिए syntax? var(--main-color, blue) var(--main-color | blue) var(--main-color? blue) --main-color: blue 50 / 100 pointer-events: none; का effect? Element hover पर change नहीं होगा Element invisible हो जाएगा Element background color ignore करेगा Element click या hover ignore करेगा 51 / 100 min-width और max-width का main use? Border fix करने के लिए Font size fix करने के लिए Padding adjust करने के लिए Responsive breakpoints define करने के लिए 52 / 100 z-index negative value देने का effect? Element invisible हो जाता है Element foreground में आता है Effect नहीं होगा Element background के पीछे चला जाता है 53 / 100 transition: all 0.5s ease-in-out; का मतलब? Animation delay 0.5s होगी Hover effect 0.5s में शुरू होगा Transition infinite repeat होगी All properties 0.5s में smooth change होगी 54 / 100 :first-of-type pseudo-class क्या select करता है? First child Last child Odd elements First element of specific type 55 / 100 CSS filter: grayscale(100%); क्या करेगा? Image को black-white कर देगा Image rotate कर देगा Image blur कर देगा Image transparent कर देगा 56 / 100 clip-path: polygon(); किसके लिए use होती है? Element shape define करने के लिए Border color set करने के लिए Animation Blur effect देने के लिए 57 / 100 position: sticky; का main feature क्या है? Element हमेशा fixed रहता है Element hide होता है scroll पर Element randomly move करता है Element normal flow में है और scroll तक sticky बनता है 58 / 100 CSS में box-sizing: border-box का effect क्या है? Width padding exclude करता है Padding ignore होता है Border exclude होता है Width + padding + border total width में शामिल 59 / 100 Media query में landscape mode detect करने के लिए? @media-screen: landscape @media (orientation: landscape) @media (mode: landscape) @media (landscape) 60 / 100 animation-fill-mode: forwards; का क्या effect होता है? Animation repeat होता है Animation hide हो जाता है Animation reset होता है Animation end state persist होता है 61 / 100 object-position: top right; का use किसके लिए होता है? Background image positioning Font alignment Flex item alignment Image inside container positioning 62 / 100 Pseudo-class :not(selector) क्या करता है? Sab element select karta hai Selected element को exclude करता है Hover effect apply करता है सिर्फ selected element को select करता है 63 / 100 Object-fit: cover का मतलब क्या है? Image shrink हो जाए Image hide हो जाए Image aspect ratio maintain करके container fill करे Image stretch हो जाए 64 / 100 Transform-origin का default value क्या है? bottom right 0 0 center center top left 65 / 100 Font-weight lighter और bold में क्या difference है? Lighter मोटा, bold हल्का दोनों same होते हैं Lighter italic होता है, bold uppercase Lighter normal से हल्का, bold मोटा 66 / 100 Pseudo-class :nth-child(2n) किस element को select करेगा? Odd numbered elements First 2 elements Last 2 elements Even numbered elements 67 / 100 Responsive images के लिए कौन सी property use की जाती है? width: auto; height: auto; max-height: 100%; width: auto; max-width: 100%; height: auto; width: 100px; height: auto; 68 / 100 CSS में parent element के flex children को vertically stretch करने के लिए कौन सी property use होती है? justify-content: stretch; align-content: stretch; flex-stretch: true; align-items: stretch; 69 / 100 Backdrop-filter property किसके लिए use होती है? Element content blur Font blur Border blur Background behind element blur 70 / 100 Transform property में skew का use क्या करता है? Slant element Translate element Rotate element Scale element 71 / 100 CSS filter property में brightness बढ़ाने के लिए function? filter: contrast(120%); filter: light(120%); filter: intensity(120%); filter: brightness(120%); 72 / 100 Clip-path property किसके लिए use होती है? Hide element Shape element (circle, polygon, ellipse) Blur element Resize element 73 / 100 Hover effect slow motion से apply करने के लिए क्या use करते हैं? animation transform keyframes transition 74 / 100 CSS variable को dynamically override करने के लिए कौन सा selector use होता है? html html :var :root 75 / 100 Text shadow में कौन-कौन सी values use होती हैं? x, y, width, color offset, spread, blur, color left, right, blur, color horizontal, vertical, blur, color 76 / 100 CSS में parent element को center align करने के लिए कौन सा trick सबसे आसान है? float: center; display: flex; justify-content: center; text-align: center; margin: auto; 77 / 100 Transition के लिए कौन सी property नहीं जरूरी है? transition-property transition-timing-function transition-delay transition-duration 78 / 100 CSS transition में कौन सा value default होती है? all 1s linear 0s property 0.5s ease 0s all 0.3s ease 0s all 0s ease 0s 79 / 100 CSS animation को pause करने के लिए property? animation-pause animation-play-state animation-delay animation-stop 80 / 100 Grid में item को specific column और row में place करने के लिए कौन सा syntax use होता है? grid-place: 1 / 2; column-start: 1; row-start: 2; grid-position: 1 / 2; grid-row: 1 / 2; grid-column: 2 / 3; 81 / 100 CSS Grid में items को columns के हिसाब से align करने के लिए property? align-items place-items grid-align justify-items 82 / 100 CSS Grid में row gap set करने के लिए कौन सी property use होती है? row-gap grid-row-gap gap-row row-spacing 83 / 100 किसी element को viewport के हिसाब से resize करने के लिए कौन सी unit use करते हैं? px vw / vh % em 84 / 100 Shadow color change करने के लिए कौन सी property होती है? color-shadow shadow-color box-shadow text-shadow 85 / 100 किसी font को import करने के लिए कौन-सा rule use होता है? @import @include @font-face @font 86 / 100 किसी link को hover करने पर underline हटाने के लिए: link-decoration: off; decoration: 0; text-decoration: none; text-style: none; 87 / 100 CSS में comment लिखने का सही तरीका क्या है? /* comment */ # comment // comment <!-- comment --> 88 / 100 किसी image की brightness बढ़ाने के लिए: filter: light(); opacity; filter: brightness(); filter: contrast(); 89 / 100 CSS में default box-model क्या होता है? border-box padding-box margin-box content-box 90 / 100 किसी element के अंदर spacing देने के लिए कौन सी property होती है? Gap Margin Spacing Padding 91 / 100 किसी element के outer spacing को क्या कहते हैं? Gap Border Margin Padding 92 / 100 Box की outline और border में क्या फर्क है? कोई फर्क नहीं Outline space लेती है Border transparent होती है Border element के अंदर होता है, outline बाहर 93 / 100 किसी element को transparent background blur देने के लिए कौन सी property use होती है? filter: blur(); background-blur; opacity; backdrop-filter: blur(); 94 / 100 किसी image को circle shape में दिखाने के लिए: shape: circle; mask: round; border-radius: 50%; clip-path: circle(); 95 / 100 Overflow content छुपाने के लिए कौन सी property होती है? overflow: scroll; overflow: auto; overflow: none; overflow: hidden; 96 / 100 rem unit किस पर depend करती है? Body font-size Screen DPI Root (HTML) font-size Parent element 97 / 100 Flex items को vertically center करने के लिए: vertical-align: middle; flex-center: true; align-items: center; justify-content: center; 98 / 100 Flex items को horizontally center करने के लिए: align-items: center; text-align: center; flex-align: center; justify-content: center; 99 / 100 Flexbox layout बनाने के लिए कौन सी display property use होती है? display: block; display: box; display: flex; display: grid; 100 / 100 Media query में screen width check करने का सही syntax क्या है? @media (max-width: 600px) media(width<600px) @media width=600px @media (width: 600px) Your score isThe average score is 0% 0% Restart quiz
