Understanding of the CSS box model and the CSS Box Model

Understanding of the CSS box model and the CSS Box Model

Standard CSS box models include content, padding, border, and margin)

These attributes can be transferred to the box in our daily life for understanding. The box we see in our daily life is also a kind of box that can hold things, so it is called the box mode. CONTENT is the CONTENT in the box, and PADDING is the foam or other anti-seismic auxiliary materials added for fear of damage to the CONTENT in the box; the BORDER (BORDER) is the box itself. As for the BORDER (MARGIN), it means that when the box is placed, it cannot be all stacked together. Leave some gaps to maintain ventilation, and also to facilitate the removal.