Pre-Test Term 3 Cycle 1-2

What does the CSS Box Model define?

• The colors of a webpage

• The structure and layout of webpage elements

• The text formatting rules

• The font style of a webpage

What is Flexbox used for in web design?

• To style text

• To create flexible layouts and align elements easily

• To set image sizes

• To define borders and padding

Which property is used to adjust the size of an element in the CSS Box Model?

• margin

• padding

• border

• width & height

Which of these is a Flexbox property?

• display

• position

• color

• font-size

What does the justify-content property in Flexbox control?

• Alignment of items along the vertical axis

• The font size of the items

• Alignment of items along the horizontal axis

• The background color of the items

Which part of the CSS Box Model is used to create space between the content and the border?

• margin

• padding

• border

• content

How can Flexbox help in creating a responsive layout?

• By fixing element sizes

• By adding background images

• By aligning elements horizontally or vertically with flexibility

• By changing font colors

What does the flex-direction property in Flexbox control?

• The alignment of items

• The order of the items

• The space between items

• The direction in which items are placed

Which CSS rule is used to make a container behave as a Flexbox layout?

• display: block;

• display: flex;

• display: inline;

• position: relative;

What does the flex property in Flexbox layout do?

• Align elements vertically only

• Make elements disappear on small screens

• Distribute space between elements

• Change the background color of an element