Learn CSS Box-Model in 4 Minutes!
The box model is an essential concept of CSS and web-design. Learn everything about the CSS box-model with this video.
Every HTML element has a box around it. This box can be customized to increase its size or add a border around it.
What you will learn:
The basic parts of a css box (content, margin, padding, border)
How to set a margin to define the space between a box and other boxes
To set a padding to define the space between the content of a box and its border
How to create borders around boxes
Shorthand syntax of margins and paddings to save time writing code.
Chapters:
00:00 - intro
00:14 - box-model basics
00:24 - padding, margin, border explained
00:36 - css margin
01:03 - css border
01:16 - css padding
01:28 - margin & padding shorthand
02:10 - margin & padding, top, left, right, bottom
02:45 - css box-sizing
03:23 - outro
If you have any questions, feel free to ask for help in the comments - Happy learning! 😊
#CSS #csstutorial #csstutorialforbeginners #css3 #learncss #boxmodel #htmltutorial #webdesign #webdevelopmentforbeginners #learncoding