Introduction
We can consider all the elements
of HTML as a box. Whenever a designer consider about the design and layout
the term box model will always becomes a very important thing.
CSS Box model is a box that
wraps HTML element. Main parts of this are:
-
Borders
-
Margin
-
Padding
-
Content
Borders - Goes around the
content and padding
Margin- An area around the
border. It is mostly transparent without any background color.
Padding - Clears an area
around the content. It is affected by the background color of the box.
Content - Is the
main area where the main text and images are written.