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 databases
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 alignment
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 usage
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 borders
5. . Which unit is commonly used for responsive font sizes?
(A) cm only
(B) px only
(C) em, rem, vw, vh
(D) pt only
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 style
7. . The CSS transition property is used to:
(A) Create grids
(B) Animate changes to CSS properties smoothly
(C) Style tables
(D) Add forms
8. . The CSS transform property is used to:
(A) Rotate, scale, skew, or translate elements
(B) Add margins
(C) Style text only
(D) Optimize CPU
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 width
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 elements
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 usage
12. . The z-index property is used for:
(A) Setting font size
(B) Controlling stacking order of elements
(C) Adding borders
(D) Managing padding
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 elements
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;
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 order
16. . The CSS clamp(), min(), and max() functions are primarily used for:
(A) Adding padding
(B) Styling borders
(C) Responsive sizing
(D) Optimizing CPU
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 values
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 box
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 size
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 content