CSS Box-Sizing | Margin | Padding | Tutorial | For Beginners | In Tamil | Coding Stuff

#HTMLCSS #CSS3 #Margin #Padding #Boxsizing #CSSinTamil #CSSforBeginners #CSSforAbsolute #WithResources #Code #CodingCss #Programming #Web #Developers

Website Link: https://bit.ly/3hzx7bN
CSS Hints: https://bit.ly/3qKHCgs

Coding Stuff IDE: https://bit.ly/3wgvftN
VScode Download link: https://bit.ly/3AhEVro

Box-Model:
The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the box model:

Margin:
Margins are used to create space around elements, outside of any defined borders. With CSS, you have full control over the margins. There are properties for setting the margin for each side of an element (top, right, bottom, and left). auto - the browser calculates the margin length - specifies a margin in px, pt, cm, etc. % - specifies a margin in % of the width of the containing element inherit - specifies that the margin should be inherited from the parent element.

Padding:
Padding is used to create space around an element's content, inside of any defined borders. With CSS, you have full control over the padding. There are properties for setting the padding for each side of an element (top, right, bottom, and left).

----------------------------------------------------------------------
Gadgets Used:
PC: https://amzn.to/3y8aIZU
Mic: https://amzn.to/3jtuhHV
Screen Recording: OBS
Editing Software: davinci resolve 17
----------------------------------------------------------------------
Music:
Roa https://www.youtube.com/watch?v=kEd0J...
Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0
Free Download / Stream: https://hypeddit.com/link/pzs4l8
Music promoted by:
Good Vibes - No Copyright Vlog Music https://bit.ly/2YAg2XI
----------------------------------------------------------------------