Making Sense of the CSS Box Model

English | 1h 11m | Video 720p | Subtitles

Based on old-school typography blocks, the CSS box model is the key to modern web design. Once you master it, you can build any layout you want—and troubleshoot most of the common CSS alignment and positioning woes. In this course, Morten Rand-Hendriksen offers a "four course meal" approach to the CSS box model, breaking it down into easily digestible chunks. He covers techniques such as styling text and images, floating content, using display properties, and positioning elements. He also explores the brave new world of modern layout modules, discussing Float, Flex, and Grid and how they can work together. Each lesson is supported by real-world demonstrations of the concepts in action, and Morten closes with a "nightcap" that will get you thinking about going further with CSS.

 

Topics include:

 

Designing with boxes

The origin of the box in typography

What is the CSS box model?

Changing the contents within the bo

xFloating and clearing content

Using the clearfi

xWorking with Float, Flex, and Grid

CSS shapes

 

Homepage:

https://www.lynda.com/CSS-tutorials/Making-Sense-CSS-Box-Model/2822142-2.html