Understanding the CSS box model_html/css_WEB-ITnose

The standard CSS box model includes: content, padding, border, margin

These attributes can be used to Moving to the boxes (boxes) in our daily life to understand, the boxes we see in our daily life are boxes that can hold things and also have these attributes, so it is called the box pattern. Then the content (CONTENT) is what is in the box; and the padding (PADDING) is the foam or other anti-seismic accessories added to avoid damage to the (precious) things in the box; the border (BORDER) is the box itself; as for the border (MARGIN) means that when placing the boxes, they cannot all be stacked together. A certain gap should be left for ventilation and for easy removal.