Before becoming a CSS master, it is very important to understand the CSS box model.

 CSS Box Model

1. Margin - Area outside the border
2. Border - Area between the Margin and  Padding.
3. Padding - Area between the border and  content.
4. Content - The content of the box, where given text  appear

 

CSS  works based on Tags.

CSS  can be used in three ways(inline, internal and external)

Tag as a selector
Class as a selector
Id as a selector

Tags vs Elements vs Attributes in HTML

HTML Tags: Tags are the starting and ending parts of an HTML element. They begin with < symbol and end with > symbol. Whatever written inside < and > are called tags.

For CSS better  understanding   it is very important to understand the box model first.

 

CSS  considered All HTML elements  as boxes.

There are 4 thing inside box

1. margin:  outer space 
2. padding: inner space 
3. border
4. content