CSS Box Model

 CSS Box Model

The CSS box model describes the layout and sizing of elements on a web page. It consists of the content area, padding, border, and margin. You can control these properties individually. Here's an example:

.box {

  width: 200px;

  height: 100px;

  padding: 20px;

  border: 1px solid black;

  margin: 10px;

}