day 5

What does the CSS Box Model help in understanding?

• Creating animation

• Styling texts

• More complex layouts and alignment of items

• Writing Javascript code

Which CSS property is used to set the content area height of an

element by default?

• Width

• Border

• Padding

• Height

What is the correct syntax to set the height of a div element to 100

pixels?

• div { border: 100px; }

• div { height: 100px; }

• div { padding: 100px; }

• div { margin: 100px; }

What is the purpose of the padding property in CSS?

• To create an invisible space around the box

• To set the content area height

• To push the content away from the border

• To set an element's border

Which property controls the margin on all sides of an element?

• Padding

• Height

• Border

• Margin

What does the display property 'inline' do to an element?

• Makes the element always start on a new line

• Makes the element take up as much space as possible

• Does not make the element start on a new line

• Makes the element use as much horizontal space as required

What happens when you apply the display: block; property to an

element?

• The element will take up as much horizontal space as possible

• The element will not respect the width and height CSS properties

• The element will start on a new line

• The element will not start on a new line

Which statement is true about margins in CSS?

• Margins cannot have negative values

• Margins push content closer to the border

• Margins create an invisible space around the box

• Margins apply a background to the element

How can you set the width of all borders at once in CSS?

A)

B)

C) Using the border property

D) Using the margin property

• Using the padding property

• Using the height property

• Using the border property

• Using the margin property

Which CSS display property value allows for both horizontal and

vertical margins to work?

• Inline

• Block

• Inline-block

• None