Lab 4

What is the CSS box model?

The CSS box model us essentially a box that warps around every HTML element. It consists of: margins, borders, padding, and the actual content.

What is the difference between margin and padding?

Margin clears the area outside the border and is transparent. Padding clears the content and is transparent.

How is an HTML element height and width determined?

The height and width is determined by the properties of an element wit CSS. Also to calculate the full size of an element, you must add padding, borders, and margins.

Explain this CSS property: padding:25px 50px;

This CSS property expands the border on the left by 25px and the right by 50px.

What is the difference between a border and an outline?

The border goes around the padding and content. An outline is a line that is drawn around elements, outide the borders to make an element stand out.