What is CSS Box Model and what are its elements?

The CSS box defines the design and the layout of elements of CSS. The several elements are:
Margin: transparent area outside border
Border: the padding and content option with a border around it is shown.
Padding: Space is around content. Padding is transparent.
Content: box where text and images appear.
e.g.:
 
div{

	width: 300px;

	border: 25px solid  yellow;
	
padding: 25px;
	
margin:  25px;

}