CSS Box Model and Properties

What are the four components of the CSS box model?

• content, padding, border, margin

• padding, border, margin, content

• margin, content, padding, border

• content, padding, border, padding

How can you set a background color for an element in CSS?

• background-color: blue;

• color: red;

• background: red;

• background-color: red;

Explain the difference between border-width, border-style, and border-color properties.

• Border-style determines the width of the border

• Border-width controls the color of the border

• The difference lies in what aspect of the border each property controls.

• The properties are interchangeable and can be used in any order

What is the purpose of the padding property in CSS?

• To adjust the opacity of an element

• To change the font size of the text

• To create space around an element's content.

• To add a border around an element

Describe the margin property in CSS and how it affects the layout of elements.

• The margin property in CSS controls the space around an element, affecting the layout by creating space between elements or between an element and its container.

• The margin property in CSS controls the color of an element, affecting the layout by changing the background color.

• The margin property in CSS controls the font size of an element, affecting the layout by adjusting the text size.

• The margin property in CSS controls the border style of an element, affecting the layout by changing the border appearance.

How can you change the font size of text in CSS?

• text-size: 16px;

• font-size: 16px;

• font-size: 12px;

• font-style: bold;

What is the difference between font-weight and font-style properties?

• Font-weight specifies color, font-style specifies weight.

• Font-weight specifies weight, font-style specifies style.

• Font-weight specifies style, font-style specifies color.

• Font-weight specifies size, font-style specifies weight.

How can you align text to the center of an element in CSS?

• align-text: center;

• justify-content: center;

• text-align: middle;

• text-align: center;

Explain the difference between line-height and letter-spacing properties.

• Line-height property adjusts the horizontal space between lines of text.

• Line-height property adjusts the space between characters within a line of text.

• Letter-spacing property adjusts the vertical space between characters within a line of text.

• Line-height property adjusts the vertical space between lines of text, while letter-spacing property adjusts the horizontal space between characters within a line of text.

How can you create a border with rounded corners in CSS?

• border: 10px solid black;

• border-style: rounded;

• border-radius: 10px;

• border-radius: 5px;