In web development, the CSS box model refers to how HTML elements are modelled in the browser. In HTML every element is considered a box. There more to that box than just content that the element wraps around. It consists of margins, borders, padding, and the actual content.
The box model makes up the HTML box as well as shows how to box components affect the layout and how the width and height of the box are calculated.