CSS Multiple Choice Questions (MCQs) and Answers

Q1 What is the primary purpose of CSS in web development?

Q2 Which of the following is a valid way to integrate CSS into a webpage?

Q3 Which CSS property is used to change the text color of an element?

Q4 Given the following CSS, what color will the $<h1>$ text be?

body { color: red; } h1 { color: blue; }

Q5 Which selector is used to target an element based on its id?

Q6 What does the universal selector (*) do in CSS?

Q7 Which property is used to set the background color of an element?

Q8 How do you select elements with the class name "example"?

Q9 What is the correct syntax to select all $<p>$ elements inside $<div>$ elements?

Q10 Which of the following is true about the CSS selector div.example?

Q11 What will be the font size of $<p class="text">Hello World!</p>$ with the CSS .text { font-size: 20px; }?

Q12 Given the CSS div > p { color: red; }, what color will the text be in $<div><p>Hello</p></div>$?

Q13 Identify the error in the CSS code:
.class { color: blue; font-weight; bold; }

Q14 Why might the CSS rule .container p { color: green; } not apply to a paragraph inside a div with class "container"?

Q15 What components make up the CSS Box Model?

Q16 Which property is used to set the space between the border of an element and its content?

Q17 What does the 'box-sizing' property do?

Q18 Which CSS property is used to control the outer space around an element?

Q19 How can you make the total width of an element be 100px including padding and border?

Q20 What is the default value of the 'box-sizing' property?

Q21 Which property would you use to create space between elements?

Q22 If an element has a width of 100px, padding of 10px, and border of 5px, what is the total width of the element if 'box-sizing' is set to 'border-box'?

Q23 How does setting 'margin: auto;' affect an element?

Q24 Given an element with padding: 20px; and width: 200px;,
what is the total width of the element?

Q25 What is the effect of setting margin: 0 auto; on an element?

Q26 If an element has margin: 10px; and padding: 20px;,
what is the space between the element and its neighboring element?

Q27 An element has width: 100px; padding: 15px; border: 5px solid black;.
What is its total width if box-sizing: content-box;?

Q28 Identify the issue: div { width: 100%; padding: 20px; } without using box-sizing: border-box;.

Q29 What is the problem with using margin: 0 auto; on an inline element?

Q30 A block element inside a container does not respect the specified margin-top. What could be the reason?