150,259 views
Do you know what the box model is? Do you know what the box model is for in HTML and CSS? Do you know how to use the height, width, padding, margin, and outline properties? Do you know the difference between box-level and inline-level boxes? Well, watch this video until the end to answer these and many other questions. Topics in this video: 00:00 - Module 02, Chapter 16, lesson 01 00:15 - Box model 00:59 - Extra help for beginners 02:09 - What is the box model 02:49 - Nesting boxes in HTML 03:30 - A simple example of a box 04:40 - Height and width of a box 05:49 - Box border 06:40 - Box padding 07:27 - Box margin 08:14 - Box outline 08:58 - Help promote our course 10:24 - Box-level boxes 12:10 - Inline-level boxes 12:43 - Differences between box-level and inline-level 13:11 - Examples of box and inline boxes 15:13 - Let's see a practical example The HTML5 and CSS3 Course will teach you how to create websites using the hypertext markup language (HTML) and cascading style sheets (CSS), all in their latest versions. In this course, Professor Gustavo Guanabara created a set of videos, exercises, challenges and support material in the form of an e-book with 30 chapters in total. Access the support material in PDF: == GitHub: https://github.com/gustavoguanabara/h... Receive notifications of new videos: == Telegram Channel: https://t.me/cursoemvideo Follow all the videos of Module 1 of the HTML5 and CSS3 Course: == Module 01: • Complete and current HTML5 and CSS3 course... Get certificates by taking the course directly through the project's official website: == Website: https://www.cursoemvideo.com Become a supporter of the project: == Access: https://www.cursoemvideo.com/apoie Follow us on social media: == Gustavo Guanabara on Instagram: / gustavoguanabara == Curso em Vídeo on Instagram: / cursoemvideo == Hostnet on Instagram: / hostnetbr == Recode on Instagram: / rederecode == Estudonauta on Instagram: / estudonauta Meet the sponsors of this course: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo02 #C16A01