Important CSS content-box

1. Box Model-Concept

To understand the box model, we must understand these concepts: attribute names that are often heard in web design: content, padding, border, and border ), the CSS box model has these attributes.

We can understand this box: Everyone has bought a notebook, and the newly bought notebook is packed in a box. Now we can think of it as a box for loading a notebook. The content in the innermost layer is regarded as a notebook, and the padding is regarded as a bubble wrapped in a notebook, with a border (Border) it is the box that wraps the notebook and foam. The border (margin) is the distance from the wall to the ground. This is easy to understand.