What is the purpose of padding in the CSS box model?
A). To create space between the content and the border
B). To create space outside the border
C). To style the border of an element
D). To create space between elements
Which property can be used to set the width and height of an element, including its content, padding, and border?
A). width, height
B). size
C). dimensions
D). scale
In the CSS box model, which component surrounds the content and padding?
A). Border
B). Padding
C). Margin
D). Spacing
Which component of the CSS box model refers to the actual content of an element?
A). Content
B). Padding
C). Border
D). Margin
Which property can be used to hide an element without affecting the layout of the page?
A). display: none;
B). visibility: hidden;
C). opacity: 0;
D). position: absolute; left: -9999px;
What does the CSS box model comprise of?
A). Content, Padding, Border, Margin
B). Text, Padding, Border, Margin
C). Content, Spacing, Line, Block
D). Text, Border, Space, Padding
What happens to an element's total size when padding is added?
A). Increases the element's total size
B). Decreases the element's total size
C). Does not affect the element's total size
D). Increases the content size but not the total size
What happens to an element's total size when margin is added?
A). Increases the space around the element without changing its size
B). Decreases the element's total size
C). Expands the content area without affecting its size
D). Increases the element's total size
How can you ensure that an element's width and height include padding and border, but not margin?
A). box-sizing: border-box;
B). box-sizing: padding-box;
C). box-sizing: content-box;
D). box-sizing: margin-box;
How can you create a border with rounded corners for an element in CSS?
A). border-radius: 10px;
B). border-curve: 10px;
C). corner-radius: 10px;
D). rounded-border: 10px;