三种布局模型：
1.自动居中一列布局（盒子模型）
2.浮动布局（float）
3.绝对定位布局

div{border-width:2px;border-style:solid;border-color:red;}
/*简写方式*/
div{border:2px solid red;}
/*border顺序：顺时针 上右下左*/
a{border:10px 10px 10px 10px}
/*简写方式*/
a{border:10px }
a{border:10px 40px 10px 40px}
/*简写方式*/
a{border:10px 40px }

div典型居中方式：
div{margin：0 auto}