Learn CSS Box-Model in 4 Minutes!

Published: 23 June 2024
on channel: Learndev

39,636

960

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

On this page of the site you can watch the video online Learn CSS Box-Model in 4 Minutes! with a duration of hours minute second in good quality, which was uploaded by the user Learndev 23 June 2024, share the link with friends and acquaintances, this video has already been watched 39,636 times on youtube and it was liked by 960 viewers. Enjoy your viewing!

2,666