CSS布局

1.左右布局

html:

1.1.png
css:
1.2.png
output:
1.3.png
详情请点击
http://js.jirengu.com/bemad/3/edit?html,css,output

2.左中右布局

html:

2.1.png
css:
2.2.png
output:
2.3.png
详情请点击
http://js.jirengu.com/hotaj/2/edit?html,css,output

3.水平居中

html:

3.1.png
css:
3.2.png
output:
3.3.png
详情请点击
http://js.jirengu.com/bemaj/3/edit?html,css,output

4.垂直居中

html:

4.1.png

css:

4.2.png
output:
4.3.png

详情请点击
http://js.jirengu.com/hiwin/2/edit?html,css,output

5.其他小技巧

搜索：关键词 MDN
搜索：关键词 CSDN
搜索：CSS Tricks
搜索:：阮一峰 css
搜索：张鑫旭的 240 多篇 CSS 博客