一、盒子模型
二、浮动
三、定位
块级元素：div、p、hn、ul、table
行类元素：a、span、b、i、u
行内块：img、input
盒子模型四大元素：border边框、margin外边距、padding内边距、内容。
box-sizing属性——可以把边框定下来：bordre-box；
浮动的目的：块级元素显示在一行。
清除浮动：1、定义样式
.类名：：after{
content：“”
display：block
clear：both；
}
2、父级元素上加样式
<div class:"class,类名">
定位的模式和定位的偏移
1、静态定位：所有元素的默认定位方式。
2、相对定位：每次移动的位置都是以自己的左上角为基点移动；移动后、原来所占的 位置继续占有。
3、绝对定位：绝对定位完全脱标，即它完全不占为位置。
若所有的父元素都没有定位，以浏览器为准为准；
父级有定位，则根据最近的已经定位的元素（绝对、相对、固定） 子绝父相
4、固定定位：固定定位的元素跟父亲没有任何关系，只认浏览器；
叠放次序：当多个元素同时设定定位时，定位元素之间有可能发生重叠，使用z-index调整堆叠顺序，取值越大越居上。
