CSS Box Model

In CSS, "box model" is usually when using design and layout. The CSS box model is mainly a box that rapping HTML elements. CSS Box Model consists of: borders, padding margins, and content. This box model enables us to place borders around elements and also space elements in relative to different elements.

Brief explination of the CSS Box Model parts:

•The border goes around the content and padding. It’s affected by the box’s background color
•The Margin clears areas around borders. It is transparent and does not have a background color.
•The Padding Clears areas around contents. It’s affected by the box’s background color
•The Content the box, is where the text and images appear