This is the continuation of CSS For Beginners .
Today, we will be looking at CSS Box Model.
What Is CSS Box Model
Every HTML element on the web is represented as
a rectangular box. CSS Box Model describes the
content of the space taken by an element.
Concept Of CSS Box Model
Box Model helps in determining the size, properties
of an element. CSS Box Model is made up of the
following”
Content: This the actual content area. The content
can be text, images, videos etc.
Padding: The padding is the area above the content
but before the border line. That is, the padding is
the area between the content area and the border.
Border: The border is a line that goes around the
padding and the content.
Margin: The margin is the outer space above the
border, it is used to space each element from each
other.
continue reading: http://tutorialslodge.com/css-box-model/