首先说一下元素的显示模式一共分为三种分别是block块元素、inline行内元素、inline-block行内块元素。
block块元素的特点是在页面中独占一行，不会与任何元素共用一行。默认宽度会撑满父元素，默认高度由内容撑开。可以通过css设置宽高。
inline行内元素的特点是在页面中不独占一行，在视口内一行不能容纳下的行内元素会在下一行进行显示。默认宽度和默认高度由内容撑开。不能通过css设置宽高。
inline-block行内块元素的结合了前面两个的特点。在页面中不独占一行，在视口内一行容纳不下会在下一行进行显示。默认宽度和默认高度由内容撑开。但是可以通过css设置宽高。
常见的block块元素有html body h1-h6 p div 等等
常见的inline行内元素有文本标签br em strong 标签等等
常见的inline-block行内块元素有img input标签。
display属性是css样式中的属性，用来控制元素的显示模式。常见的属性值有none block inline in-block 其中none是指不显示该元素。然后xxx表示什么什么。最后可以通过修改display属性值的方式修改元素的显示模式。
