Q1. What does CSS stand for?

A. Cascading Style Sheets B. Computer Styled Sections C. Creative Style System D. Colorful Style Sheets

Q2. Which HTML tag is used to write CSS inside a page?

A. <style> B. <css> C. <script> D. <link>

Q3. What is the correct CSS syntax for a rule?

A. selector { property: value; } B. { selector: property: value; } C. selector: { property: value } D. selector (property = value)

Q4. Which selector picks every element with class="note"?

A. .note B. #note C. note D. *note

Q5. What does the "C" in CSS — cascading — mean?

A. Later and more specific rules win over earlier ones B. Rules are applied in alphabetical order C. CSS only works in a cascade of files D. Every rule must be written twice

Q6. Which property sets the background colour of an element?

A. background-color B. color C. bg-color D. fill-color

Q7. How do you write a HEX colour for pure red?

A. #FF0000 B. rgb(0, 0, 255) C. #00FF00 D. red-255

Q8. Which property adds space INSIDE a box, around its content?

A. padding B. margin C. border D. gap

Q9. What is the correct order of the CSS box model, from inside to outside?

A. content, padding, border, margin B. margin, border, padding, content C. content, margin, border, padding D. padding, content, margin, border

Q10. Which property makes text bold in CSS?

A. font-weight: bold B. text-style: bold C. font-bold: true D. text-weight: bold

Q11. Which pseudo-class styles a link when the mouse is over it?

A. :hover B. :visited C. :link D. :active

Q12. Which value of display makes an element sit on the same line as others but still take a width and height?

A. inline-block B. block C. inline D. none

Q13. Which position value places an element relative to its nearest positioned ancestor?

A. absolute B. relative C. static D. fixed

Q14. Which property removes an element from the page completely, including its space?

A. display: none B. visibility: hidden C. opacity: 0 D. position: absolute

Q15. Which layout is made for a single row or column of items?

A. Flexbox B. Grid C. Float D. Table

Q16. Which property spreads flex items out with equal space between them?

A. justify-content: space-between B. align-items: center C. flex-direction: row D. gap: 10px

Q17. How do you make a grid with two columns, the second twice as wide as the first?

A. grid-template-columns: 1fr 2fr B. grid-template-columns: 2fr 1fr C. grid-columns: 1 2 D. grid-template-rows: 1fr 2fr

Q18. Which CSS rule applies styles only when the screen is 600px wide or less?

A. @media (max-width: 600px) B. @screen (width < 600px) C. @responsive (600px) D. @media (min-width: 600px)

Q19. Where are CSS variables usually defined?

A. :root B. <head> C. body D. @variables

Q20. How do you use a CSS variable called --main-color?

A. color: var(--main-color); B. color: --main-color; C. color: -color; D. color: @main-color;