Mastering Advanced CSS: Specificity and Box Model

What is the correct order of properties in the CSS box model from the outside in?

• Margin, Border, Padding, Content

• Padding, Border, Margin, Content

• Content, Padding, Border, Margin

• Border, Margin, Padding, Content

Which CSS property does NOT contribute to the box model?

• width

• visibility

• padding

• margin

In CSS, what does the 'box-sizing' property do?

• It changes the CSS box model to include padding and border in the element's total width and height.

• It sets whether an element is displayed as a block or inline box.

• It adjusts the opacity of the box.

• It determines the stacking order of multiple boxes.

When multiple CSS files are imported, which file takes precedence?

• The first file imported

• The last file imported

• The file with the smallest size

• The file with the most classes

What is the specificity order of the following selectors?

• Inline styles, IDs, Classes, Elements

• IDs, Classes, Elements, Inline styles

• Elements, Classes, IDs, Inline styles

• Classes, Elements, IDs, Inline styles

Which of the following is true about the 'margin' property in CSS?

• It is the innermost layer of the box model.

• It can have negative values.

• It is not affected by the 'box-sizing' property.

• It is the space between the border and the content.

What is the default value of the 'box-sizing' property in CSS?

• border-box

• padding-box

• content-box

• margin-box

If an element has a width of 100px, padding of 10px, and border of 5px, what is the total width of the element if 'box-sizing' is set to 'border-box'?

• 100px

• 120px

• 130px

• 150px

How can you increase the specificity of a CSS selector?

• Add more elements to the selector.

• Use !important after the property value.

• Add a class to the selector.

• All of the above.

What happens if you set a negative value for the 'margin-top' property of an element?

• The element will overlap the element above it.

• The element will disappear.

• The element will be hidden.

• The element will move to the right.