css元素分类

css中有两种元素分类方式：块级元素与行内元素、替换元素与不可替换元素

特性1

块级元素： 独占一行
行内元素： 并排显示

特性2

块级元素：
width\height\margin\padding均有效
行内可替换元素：
width\height\margin\padding均有效
行内不可替换元素：
width\height无效，可以使用line-heihgt设置行高；
margin左右有效，上下无效；
padding左右有效，上下不会影响行高，背景色会填充上下padding部分，但行高没有变化，在视觉上与上一行重叠（padding部分）

替换元素

浏览器根据标签和属性决定具体显示内容

块级元素

div、p、ul、li、h1-h6、table
设置了float属性的元素以及display为block的元素都是块级元素

行内替换元素

img、input

行内不可替换元素

a

参考：http://blog.51cto.com/xiyin001/1745516