布局-将元素以正确的大小摆放在正确的位置。
display 设置元素的显示方式（大小、位置）
didplay：block 块级元素 默认宽高为父元素宽度、可设置宽高（元素的大小） 换行显示（位置）
div ,p ,h1-h6,ul,form 这些元素默认的都是块级元素。
display：inline 行级元素 默认宽度为内容宽度（文字宽度） 不可设置宽高 同行显示 在行的内部可以换行
span, a, label,cite, em 这些元素默认的都是行级元素。
display：inline-block 默认宽度为内容宽度 可以设置宽高 同行显示 如果后续元素 超过内容 将整块换行。
vertical-align:middle; 垂直居中
input, textarea, select, button 这些默认的都是 inline-block
diplay：none 设置元素不显示（隐藏 后续元素会替代他的位置） 与 visibility：hidden 的区别（隐藏但是还占原来位置）。
原文：http://www.cnblogs.com/watson945/p/5051464.html