块元素：
div,li,ul,p,h1-h6
特点：
(1)所有的块级元素都会独占一行;
(2)块级元素可以直接设置其宽度和高度；
(3)如果一个块级元素没有设置宽度，那么其默认的宽度是父元素的宽度。
行内元素：
span，a,strong,em,b,i,font,strike
特点：
(1)所有行内元素都在一行上显示；
(2)行内元素没有宽度和高度（即使设置也不生效）。
常见行内块元素：img ,input ,select ,textarea ,button ,label …
特点：
(1)与所有的行内元素相同都在一行上显示
(2)与块级元素相同可以设置宽度和高度。
不同元素之间的转换方式
转换为块级元素：disaplay : block
转换为行内块元素：dispaly : inline-block
转换为行内元素：display : inline
