html---行内元素/块级元素/行内块元素

1.行内元素：宽度由内容撑开，不占一行，不继承父级宽度，margin只左右有效/padding都有效。

     例：span s i 

2.块级元素：宽度默认一整行，继承父级宽度，margin和padding都有效，多个块级元素，排序方式从上到下。

     例：div p li ul 

3.行内块元素：宽度以内容为主，可与同类型元素按顺序排成一行。

     例：input image 

display:block(转为块级元素)

display:inline(转为行内元素)

display:inline-block(转为行内块元素)