2014
Train Simple
1:45
English
The CSS box model describes the rectangular boxes that are generated for elements. Understanding it's properties and how they interact with other elements on the page are critical when creating layouts. In this course we review the 5 main properties of the box model, and what they do to the elements size. We also cover how to work with the background property, to set color and background images.
1. Understanding the Box Model
Welcome
Box Model Explained
Width, Height, and Padding
Borders
Margins and Overflow
Element Spacing
Nested Margins
Padding in Detail
Assign Percentage Values to Padding
Shorthand Notation
Borders in Detail
2. Rounded Corners and Backgrounds
Creating Rounded Corners
The Background Property
Using a Background Image
Positioning Background Image
Positioning with Percentages
Multiple Backgrounds
Shorthand Notation
Conclusion
Download File Size:154.8 MB