引言:元素的显示模式通俗的说就是给一个元素/标签进行一次分类，分类的依据是元素以什么样的方式显示在页面里，例如是独占一行（div）还是一行多个（span），元素的显示模式一般认为有三种:块级、行内元素和行内块元素。
7.1. 块级元素
块级元素，顾名思义就是成块状显示的元素，块内可以包含其他的块级元素、行内元素、行内块元素作为子元素，并且块级元素具有以下特征:

1. 一个块级元素必须独占一行，多行书写会自动换行

2. 高度、宽度、内外边距都可以自主设置

3. 宽度不设置的情况下默认是父元素宽度的100%

4. 本身是一个容器、盒子，可以防止其他的行内、块级元素

常见的块级元素有:

~

、

、

、

• 、
  1. 、
  2. ，其中最常见的块级元素是

     7.2. 行内元素 行内元素与块级元素刚好对立，是在一行里可以存在多个的元素，它具有以下特征: 1. 行内元素一行可以放多个也不会换行，换行只发生在一行排满的情况

2. 宽度、高度不可以通过设置修改，而是通过行内元素的内容多少决定

3. 默认宽度是本身内容的宽度

4. 行内元素只能包含文本或者其他的行内元素，不能包含块级元素

常见的行内元素有:
、、、、、、、，其中最常见的行内元素是

需要注意的是这个行内元素里面可以嵌套块级元素，但是不推荐使用。

7.3. 行内块元素
行内块元素是包含了一部分行内元素、一部分块级元素的一类元素，属于杂交品种，它具有以下特征:

1. 一行可以放多个行内块元素(行内元素)

2. 可以自主设置宽、高、内外边距(块级元素)

3. 默认宽度是它本身内容的宽度(行内元素)

常见的行内块元素有:
、、

7.4. *元素显示模式的转换
元素模式的转换是这部分最重要的一部分内容，能够实现不同的显示模式之间的转换，从而实现给行内元素设置宽高、一行并列多个块级元素等等的效果。代码格式是display: 具体模式。模式有三种，即行内元素:inline、块级元素:block、行内块元素:inline-block。