1.块元素(block)
1,可以识别宽度高度
2,独立占一行(上下排列)
div p h1-h6 ul li ol dl dt dd form table
2内联元素(inline)
span a i em b strong
1,不识别宽度和高度
2,不会独立占一行(左右排列)
注意:内联元素在解析padding-top padding-bottom margin-top margin-bottom
的时候个别属性显示不正确
3.内联块元素(inline-block)
img input
1,可以识别宽度高度
2,不会独立占一行(左右排列)
元素类型是通过display进行转换行的
display:block/inline/inline-block/none
如果给内联(行内)元素添加了float就相当于转了元素类型
4.display:none 不显示
当display的属性值不为none(可以为inline inline-block block)的时候就显示