Box model CSS (focus)
Border border
Border usually ligatures border: 1px (frame size) Solid (or other solid line) Red (color)
border-collapse: collapse (merge borders)
Padding padding
padding: 10px up and down about 10
padding: 10px 20px 10px to 20px and down about
padding: 20 10 20 30 at about 10 to 30
padding: top right bottom left
padding, border width height calculation will be softened with a box of padding solution
Margin margin
margin: 0 auto (auto automatic filling)
Two adjacent margins will merge (the value displayed large margins)
The combined solution of the nested block elements of vertical margins: 1 with border 2 with spaced apart padding 3 with overflow: hidden
Version of the heart and layout process
1. Determine the page version of the heart
2. Analysis row block elements on the page, and each module row module
3. Make HTML structure
3.CSS initialization, and then began to use the prototype model, the layout is controlled by CSS + DIV pages of each module