Quiz: CSS Fundamentals

Question 1: What does CSS stand for?

A. Computer Style Sheets B. Common Style Sheets C. Cascading Style Sheets D. Creative Style Sheets

Question 2: What is the primary role of CSS in web development?

A. To structure content B. To add interactivity to a webpage C. To manage server-side functionality D. To control the visual presentation of a webpage

Question 3: Which of the following is a correct CSS rule structure?

A. h1 { font-size = 20px; } B. h1 ( font-size = 20px; ) C. <h1> font-size: 20px </h1> D. h1 { font-size: 20px; }

Question 4: How can CSS be applied to an HTML document?

A. Inline, internal, and external B. External only C. Inline only D. None of the above

Question 5: Which CSS property is used to change the text color of an element?

A. background-color B. color C. font-color D. text-color

Question 6: Which CSS rule will take precedence in the cascade if both have the same specificity?

A. The one that is longer B. The one that appears later in the stylesheet C. The one written first in the stylesheet D. The one with fewer selectors

Question 7: What is the purpose of the !important declaration in CSS?

A. It disables a rule B. It highlights the rule in the stylesheet C. It allows a rule to override others regardless of specificity or order D. It applies the rule only to certain browsers

Question 8: Which CSS selector targets all <p> elements inside a <div>?

A. div p B. div + p C. p > div D. p, div

Question 9: How can you include an external CSS file in an HTML document?

A. <style src="styles.css"> B. <css href="styles.css"> C. <link rel="stylesheet" href="styles.css"> D. <stylesheet link="styles.css">

Question 10: Which CSS property is used to apply a background image?

A. image-url B. background-img C. img-src D. background-image

Question 11: What does the CSS rule .box:hover { background-color: red; } do?

A. It changes the background color of .box elements to red when hovered over B. It changes the background color of all .box elements to red C. It applies a red border to .box elements D. It makes .box elements clickable

Question 12: What is the function of media queries in CSS?

A. To apply styles based on user input B. To control the behavior of JavaScript functions C. To debug styles in developer tools D. To apply styles based on screen size or device type

Question 13: Which CSS layout method allows you to align elements dynamically within a container?

A. Flexbox B. Tables C. Grid D. Inline-block

Question 14: What is the default position of elements in CSS?

A. Absolute B. Relative C. Fixed D. Static

Question 15: Which CSS property is used to control text spacing?

A. text-spacing B. font-spacing C. letter-spacing D. line-spacing

Question 16: How does the cascade resolve conflicts between rules with the same specificity?

A. Rules with inline styles take precedence B. The most recently loaded stylesheet wins C. The rule that appears later in the stylesheet wins D. The rule with fewer properties wins

Question 17: What happens if two rules target the same element but one uses an ID selector and the other uses a class selector?

A. The class selector takes precedence B. The ID selector takes precedence C. The last rule always wins D. The element selector takes precedence

Question 18: What is the benefit of using external CSS?

A. It makes the webpage load faster B. It eliminates the need for inline or internal styles C. It allows you to debug styles directly in the HTML D. It keeps styles modular and reusable across multiple pages