[CSS #5] Learn CSS from the basics! The box model is something you should always keep in mind when writing CSS. [Programming course for beginners taught by a former Yahoo engineer]
107,106 views
About :
Liberal arts major with no programming experience → Yahoo! JAPAN Engineer → Entrepreneur 📙 Table of contents0:00 Preparation1:46 Content box (width, height)3:14 Padding box 4:04 Margin box 4:53 About margin collapsing7:31 Border box 9:04 About the box-sizing property12:00 Applying border-box to all elements13:15 Introducing shorthands15:01 Block boxes and inline boxes16:20 Difference 1 Whether or not a line break occurs17:00 Difference 2 Behavior of width and height17:58 Difference 3 Behavior of padding, margin, border21:05 Examples of block box and inline box elements23:06 About the display property24:54 Introducing inline-block26:08 Summary🚀 Quote of the dayToday's CSS lesson is about the box model. Understanding block boxes and inline boxes is essential for layout in CSS. width, height, padding, margin, border, display, box-sizing are properties that you must know. This video is recommended for those who have learned programming by themselves but want to relearn the theory. Beginners, novice engineers, and budding engineers are also welcome! 🔥 Introduction to CSS, learning from the basics! [Episode 1] Let's learn basic syntax! • [CSS #1] Introduction to CSS, learning from the basics! Let's learn basic syntax! [... [Episode 2] Let's dig deeper into properties! • [CSS #2] Introduction to CSS, learning from the basics! Let's dig deeper into properties... [Episode 3] You can complete the selector with just this course! • [CSS #3] Introduction to CSS, learning from the basics! Let's learn selectors with just this course... [Episode 4] When styles don't work, it's usually because of cascade, specificity, or inheritance! • [CSS #4] Introduction to CSS, learning from the basics! When styles don't work... [Part 6] Learn how to use flexbox through a game! • [CSS #6] A proper introduction to CSS, starting from the basics! Flexbox... [Part 7] A thorough explanation of how to use the flex property of flexbox • [CSS #7] A proper introduction to CSS, starting from the basics! Flexbox... 👨💻 About meI used to work as a programmer at Yahoo Japan Corporation! Now I'm an entrepreneur developing new services! Please subscribe to the channel if you are interested in the following! ・IT industry, web-related, programming courses・Remote work, working from home, side jobs・Startups, ventures, managers, CEOs🌏 SNS Twitter: / shimabu_it TikTok: / shimabu_it 🏷️ Tags#CSS #Introduction to CSS #CSS Course
551,671 views 3 days ago
1,265,312 views 7 days ago
551,671 views 3 days ago
Google AdSense
336 x 280
336 x 280
Up Next
Luana Carolina
157,319 views
10 months ago
10 months ago
Prazer, Karnal - Canal Oficial de Leandro Karnal
195,351 views
1 year ago
1 year ago
Ana Gomes
13,579 views
1 year ago
1 year ago
PAM GONÇALVES
12,108 views
10 days ago
10 days ago
PAM GONÇALVES
9,686 views
2 years ago
2 years ago
Livraria em Casa
73,194 views
4 years ago
4 years ago
Algum Lucas
26,551 views
4 months ago
4 months ago
PAM GONÇALVES
20,042 views
3 months ago
3 months ago
PAM GONÇALVES
35,906 views
2 years ago
2 years ago
روايات عربيه
16,452 views
7 months ago
7 months ago
روايات عربيه
2,612 views
6 months ago
6 months ago
روايات عربيه
5,130 views
5 months ago
5 months ago
حكايات بوبا
391,666 views
8 months ago
8 months ago
قصص وحكايات إيمان
93,754 views
4 months ago
4 months ago
حكايات مع حسناء
131,940 views
1 year ago
1 year ago
قصص واقعية
99,751 views
4 months ago
4 months ago
روايات عربيه
726 views
6 hours ago
6 hours ago
روايات عربيه
14,783 views
7 months ago
7 months ago
حكاوي سما للقصص الكاملة
21,888 views
1 day ago
1 day ago
روايات عربيه
3,328 views
4 months ago
4 months ago
روايات عربيه
5,004 views
3 weeks ago
3 weeks ago
كوكتيل حكايات
99,305 views
4 months ago
4 months ago
افلام توتا الكامله
7,686 views
2 hours ago
2 hours ago
نجمة القصص الكاملة
207,687 views
5 months ago
5 months ago
Google AdSense
336 x 280
336 x 280