属性值及其作用
| 属性值 | 作用 |
|---|---|
| none | 元素不显示，并从文档流中移除 |
| block | 块类元素 |
| inline | 行内元素类型 |
| inline-block | 行内块元素 |
| list-item | 像块类型一样显示，并添加样式列表标记 |
| table | 块级表格 |
| inherit | 从父元素继承display属性 |
display的block、inline和inline-block的区别
- block:独占一行，可设置width、height、margin、padding；
- inline：不会独占一行，一行可存在多个。设置width、height无效，可设置左右方向的margin-left、margin-right和padding-left、padding-right；
- inline-bloack：将对象设置为inline对象，但对象的内容作为block呈现，一行可存在多个。
行内和块元素的特点
（1）行内元素
- 无法设置高和宽；
- 可设置左右方向的margin-left、margin-right和padding-left、padding-right；
- 不会换行
（2）块级元素
- 可设置高宽
- 可设置margin、padding
- 自动换行、独占一行
