盒模型、position、float。他们是css的基础，之间看似独立却又相辅相成。
元素类型
块级元素、内联元素
他们之间有以下区别：
1、块级元素独占一行，除非显示的修改display属性。而内联元素都会在一行内显示。
2、块级元素可以设置width、height属性，而内联元素不行。
3、块级元素的width默认为100%，而内联元素则根据自身的内容或子元素来决定宽度 。
内联元素不可以设置高度，但可以通过设置display:block;来达到效果。这时元素将以块级形式呈现。
当display:inline;时，元素以内联形式呈现。
要让元素在行内显示，又能设置高度，可以设置：display:inline-block;
盒模型
页面上显示的每个元素都可以看做一个盒子，即盒模型。
盒模型由四部分组成：content->padding->border->margin
元素宽度的计算...
另外两种特殊情况
绝对定位、浮动（position、float）
1、position
这个属性决定了元素将如何定位。大致有以下五种：
·static：默认值，元素相当于没有定位，在页面占据位置，不能使用top、right、botton、left移动元素。
·relative：相对定位，没有定位，在页面占据位置，可以使用top、right、botton、left移动元素。
·absolute：绝对定位，相对于最近一级的定位不是static的父元素进行定位，元素在页面不占据位置，可以使用top、right、botton、left移动元素。
·fixed：绝对定位，相对于浏览器窗口进行定位，其余和absolute一样。
·inhenit：从父元素继承position的值。
2、float
顾名思义，就是把元素浮动起来，取值共四个：left、right、none、inherit。
最初的float是用来实现文字环绕的，现在它的应用非常广泛。
css学习资料大全：http://www.imooc.com/article/3450