Learn CSS Box-Model in 4 Minutes!

Publié le: 23 juin 2024
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne Learn CSS Box-Model in 4 Minutes! durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Learndev 23 juin 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 39,636 fois et il a aimé 960 téléspectateurs. Bon visionnage!

1,389