块元素
例如:div,p,ul,dl,ol,li,dd,dt,h1~h6
特点:独占一行,可以设置宽高,可以设置margin,padding,默认情况下宽度=父级元素的宽度
转换成行内 display:inline
******************************************************************************************
行内元素
例如:a,span,i,em,strong,b,label
特点:不会独占一行,与相邻的【行内元素】会排在同一行,不能设置宽高,宽高根据内容自动撑开
行内元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。
但是竖直方向的margin-bottom; margin-top; padding-top; padding-bottom;却不能生效。
转换成块display:block
*******************************************************************************************
行内块
例如:input,img,select
特点:不会独占一行,与相邻的【行内元素】或者【行内块元素】会排在同一行,可以设置宽高,不设置宽高时按内容自动撑开
可以设置margin,padding,
转换成行内 display:inline
转换成块 display:block