盒子模型 浮动 及定位
网页布局过程：
1.先准备好相关的元素，网页元素基本都是盒子Box.
2.利用CSS设置好盒子样式，然后摆放到相应位置。
3.往盒子里面装内容。
盒子模型：
边框：border
语法： 没有先后顺序；
表格细线边框：
边框会影响盒子的实际大小，测量盒子大小时不测量边框；
内边距：
padding会影响盒子实际大小，padding会撑大盒子；
padding应用：
不给宽度，设置padding
padding不撑大盒子的情况，不声明width和height的情况下；
外边距：盒子与盒子之间的距离
外边距可以让块级盒子水平居中，做法，给盒子指定宽度，让盒子的左右外边距为auto;
行内行内块元素水平居中对齐：给其父元素添加 text-align="center";
嵌套块元素垂直外边距塌陷：
解决方案：
第三种最常用；
清除内外边距：
有些元素默认带内外边距，不同浏览器值还不一样；