Chapter 14: CSS Box Model
Box Sizing
Border-box (size includes padding & border)
Content-box (size excludes padding & border)
Margins
Normal Margin (50px top/bottom, 30px sides)
Auto Margin (centered horizontally)
Collapsing Margin 30px
Collapsing Margin 60px
Outline
This paragraph has dotted red outline outside border
Borders
This box has a groove border
Border Radius
Rounded corners (10px)
Circle (50%)
Border Image
Border with round repeat
Border with stretched gradient
Padding
This box has 20px padding inside border
Width & Height
100x100 fixed size
Max width & height 100px
Min width & height 100px