Every HTML elements can be considered as boxes.
In CSS, the term “Box Model” is utilized when discussing design and layout. The CSS box model is basically a box that wraps over each HTML element.
The CSS box characterizes the design and the layout of elements of CSS.
The several elements are:
Margin: Transparent area outside Border
Border: The padding and content alternative with a border around it appears.
Padding: Space is around content. Padding is transparent.
Content: Box where content and pictures show up.