The box model in CSS describes how the dimensions and layout of elements are calculated. It consists of the following components:

• Content: The actual content of the element.
• Padding: Space between the content and the border.
• Border: The border surrounding the padding (if any).
• Margin: Space outside the border.