盒的类型

1.基本类型

block、inline、inline-block
inline-block特点：
1.只能设置width
2.可以分列显示，默认垂直对齐方式是底部对齐。为了改成顶部对齐，需要在div元素中加入vetical-align:top属性。
3.显示水平菜单

2.inline-table类型

table是块级元素。

image.png
image.png
image.png

4.list-item类型

将display设为list-item类型，多个元素可作为列表显示。
list-style-type属性将列表标记设为circle，显示为空心小圆。

image.png
image.png

5.run-in类型与compact类型

run-in：如果元素后跟block，则run-in元素被包含在block的元素内部；compact在block元素左边。

image.png
image.png
image.png

6.表格相关类型

image.png
image.png

7.none类型

元素被指定为none类型后，不会显示

8.浏览器对于各种和类型支持情况

image.png