一、简介

display用于设置元素的外部或者内部显示类型，外部定义了在流式布局中如何展示，内部显示类型定义了元素内子元素的布局方式。
display属性按照取值不同分为了6大类，以及全局值。

序号	互联网分类	MDN	属性值
1	外部值		`display: block;` `display: inline;` `display: run-in;`
2	内部值		`display: flow;` `display: flow-root;` `display: table;` `display: flex;` `display: grid;` `display: ruby;`
3	列表值		`......`
4	属性值		`......`
5	显示值		`......`
6	混合值		`display: inline-block;` `display: inline-table;` `display: inline-flex;` `display: inline-grid`
7	全局值	Global	`display: inherit;` `display: initial;` `display: unset;`

具体的讲解可参照：
<1>https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Display
<2>https://segmentfault.com/a/1190000012833458

二、常见display属性值

<默认值>
特点：

最常见行内元素是span，同类的还有除了p以外的所有文本级标签

特点：

特点：

标签	说明
address	地址
blockquote	块引用
center	举中对齐块
dir	目录列表
div	常用块级容易，也是css layout的主要标签
dl	定义列表
fieldset	form控制组
form	交互表单（只能用来容纳其它块元素）
h1	大标题
h2	副标题
h3	3级标题
h4	4级标题
h5	5级标题
h6	6级标题
hr	水平分隔线
isindex	input prompt
menu	菜单列表
noframes	frames可选内容，（对于不支持frame的浏览器显示此区块内容
noscript	可选脚本内容（对于不支持script的浏览器显示此内容）
ol	排序表单
p	段落
pre	格式化文本
table	表格
ul	非排序列表