NSCT – Advanced CSS & Responsive Design MCQs 20 min Score: 0 Attempted: 0/20 Subscribe 1. . Advanced CSS allows developers to: (A) Optimize CPU usage (B) Only structure HTML content (C) Create animations, transitions, grids, flex layouts, and responsive designs (D) Manage databasesShow All AnswersShow All Answers 2. . The CSS flexbox layout is used to: (A) Manage database connections (B) Style text color (C) Add margins only (D) Arrange elements in rows or columns and manage spacing and alignmentShow All Answers 3. . The CSS grid layout is used to: (A) Add padding (B) Style text color (C) Create complex two-dimensional layouts for web pages (D) Optimize CPU usageShow All Answers 4. . The @media rule in CSS is used for: (A) Animations only (B) Creating responsive designs by applying styles based on screen size or device (C) Font styling (D) Adding bordersShow All Answers 5. . Which unit is commonly used for responsive font sizes? (A) cm only (B) px only (C) em, rem, vw, vh (D) pt onlyShow All Answers 6. . The @keyframes rule in CSS is used to: (A) Add padding (B) Set font size (C) Define animations by specifying intermediate steps (D) Change border styleShow All Answers 7. . The CSS transition property is used to: (A) Create grids (B) Animate changes to CSS properties smoothly (C) Style tables (D) Add formsShow All Answers 8. . The CSS transform property is used to: (A) Rotate, scale, skew, or translate elements (B) Add margins (C) Style text only (D) Optimize CPUShow All Answers 9. . vh and vw units stand for: (A) Viewport height and viewport width (B) Variable height and variable width (C) Virtual height and virtual width (D) Visible height and visible widthShow All Answers 10. . The clamp() function in CSS is used to: (A) Set a responsive value between a minimum, preferred, and maximum (B) Only scale images (C) Add borders (D) Rotate elementsShow All Answers 11. . CSS pseudo-elements like ::before and ::after are used for: (A) Inserting content before or after an element without changing HTML (B) Adding margins (C) Changing font style only (D) Optimizing CPU usageShow All Answers 12. . The z-index property is used for: (A) Setting font size (B) Controlling stacking order of elements (C) Adding borders (D) Managing paddingShow All Answers 13. . The position: sticky property in CSS allows: (A) Rotate elements (B) Fix elements permanently at the top (C) Elements to stick to a position while scrolling within a container (D) Scale elementsShow All Answers 14. . CSS variables (custom properties) are defined using: (A) @variable-name: value; (B) -variable-name: value; and accessed using var(--variable-name) (C) $variable-name: value; (D) #variable-name: value;Show All Answers 15. . The object-fit property is used to: (A) Control how images or videos fit within their container (B) Set font size (C) Add margin (D) Control stacking orderShow All Answers 16. . The CSS clamp(), min(), and max() functions are primarily used for: (A) Adding padding (B) Styling borders (C) Responsive sizing (D) Optimizing CPUShow All Answers 17. . The calc() function in CSS allows: (A) Scaling images only (B) Changing font style only (C) Adding borders (D) Performing calculations to set dynamic property valuesShow All Answers 18. . The overflow property in CSS controls: (A) Scaling images (B) Font styling (C) Adding borders (D) How content is handled when it exceeds an element’s boxShow All Answers 19. . The clip-path property is used for: (A) Adding padding (B) Changing text color (C) Creating custom shapes by clipping elements (D) Setting font sizeShow All Answers 20. . The ultimate goal of Advanced CSS & Responsive Design is: (A) Create visually appealing, adaptive, and mobile-friendly web pages (B) Only add borders and margins (C) Optimize CPU only (D) Structure HTML contentShow All Answers
