1.浮动
是一种布局主要哦用于实现一行多列效果
语法：
float：left或者 float ：right
应用：
1.一行多列-元素横着排列
2.实现图文环绕效果。
注意:浮动会让元素脱离文档流!
2.盒子模型
是一种思维模型，主要用于实现布局效果。
组成:尺寸+内边距＋外边距+边框
1.尺寸
1.设置宽度 width：*px | *%
2.设置高度 height：*px | *%
说明：如果使用百分百，代表的是其父元素的宽高的百分比。
行级元素不能设置宽高，
2.边框
border:边框的粗度 线型 颜色;
线型有:solid实线
dashed虚线
设置指定方向的边框
boder -方向的英文 ：边框的粗度 线型 颜色;
单个和复合属性一起使用，必须复合在前，单个在后！
3内边距
盒子内容和边框之间距离。
padding：*px；
值可以是1-4个，值与之之间用空格隔开。
可以对应规则：上方向出发，顺时针旋转对应。有缺省，取对边。
padding -方向 ：*px；
4.外边距
盒子边框之外的东西的间距
margin ：*px；
margin - 方向：*px；
块级元素和行级元素的区别：【面试题】
块级元素：默认独占整行，是一个完整的盒子，可以设置宽高。
行级元素：有多宽，占多宽，不是完整的盒子，不可以设置宽高，垂直方向的内外边距等。
