Box Model Overview

The Box Model refers to the concept that all elements on a page can be viewed as boxes, each occupying a specific amount of space within the layout. The box model is composed of four properties: content, padding, margin, and border.
Content possesses width, height, and overflow attributes.

Padding (内边距)

Padding includes padding-top, padding-bottom, padding-left, and padding-right.

Margin (外边距)

Margin consists of margin-top, margin-bottom, margin-left, and margin-right properties.

Border (边框)

Border features border-width, border-style, and border-color attributes.