Blog

Question 1:  What are the main components of the CSS Box Model?

(A) Margin- Padding- Border- Content

(B) Font- Background- Width- Height

(C) Color- Border- Outline

Question 2:  Which property is used to add space inside the element, between the content and the border?

(A) Margin

(B) Padding

(C) Outline

Question 3:  Which CSS property controls the space outside an element, separating it from other elements?

(A) Padding

(B) Border

(C) Margin

Question 4:  What does the border property define in the box model?

(A) The space between elements

(B) The area surrounding the padding and content

(C) The background color of the element

Question 5:  Which value of box-sizing includes padding and border in the element’s total width and height?

(A) content-box

(B) border-box

(C) padding-box

Question 6:  If an element has width: 100px, padding: 10px, and border: 5px solid, what is the total width with box-sizing: content-box?

(A) 100px

(B) 120px

(C) 130px

Question 7:  Which CSS property allows you to set all four margins at once?

(A) margin-all

(B) margin

(C) padding

Question 8:  What happens when margin: auto; is applied to a block element?

(A) The margin disappears

(B) The element is centered horizontally

(C) The element moves to the left

Question 9:  How can you collapse margins between two elements?

(A) By setting padding: 0;

(B) By using margin-collapse: true;

(C) It happens automatically when vertical margins meet

Question 10:  Which of the following is NOT part of the CSS Box Model?

(A) Margin

(B) Background

(C) Padding