What Is The CSS Box Model?

The CSS box model refers to the design of html in which a box wraps around html elements.

What Is The Difference Between Margin And Padding?

Padding is there to clear an area within the border while margin clears and area outside the border.

How Is An HTML Element Height And Width Determined?

For the width you take into consideration the side paddings and the side borders and margins while for the height you take into account the top and bottom paddings, borders, and margins.

Explain This CSS Property: Padding:25px 50px;

This is the shorthand version of padding and its basically saying that the top and bottom will be 25px and the sides will be 50px.

What Is The Difference Between A Border And An Outline?

The Outline is not affected by the elements size while the border is, also the outline goes outside the border.