行内元素、块级元素和行内块级元素

• HTML标签的类型分为三种：块级元素、行内元素、行内块元素。

而标签的属性是可以转换的：

1. display:inline; 转换为行内元素；

2. display: linline-block; 转换为行内块元素；

3. display: block; 转换为块级元素。

特性

行内元素:

1. 无法设置宽高；

2. margin和padding上下无效，只有左右有效果；

3. 总是和相邻的行内元素在同一行上，默认排列方式为从左到右，不会自动换行；

4. 默认宽度是他自身内容的宽度；

5. 行内元素只能容纳其他行内元素或者文本。

块级元素:

1. 能够设置宽高；

2. margin和padding的上下左右均对其有效；

3. 总是另起一行，多个块状元素标签写在一起，默认排列方式为从上至下；

4. 在不手动设置宽度的情况下，宽度默认为父容器的100%；

5. 可以容纳行内元素和其他块级元素；

行内块级元素：

1. 能够设置宽高；
2. margin和padding的上下左右均对其有效；
3. 总是和相邻的行内元素在同一行上，默认排列方式为从左到右，可以自动换行；
4. 如果行内块级元素之间在HTML书写有回车换行，那么元素默认会有一个空格的间隙，因为浏览器会将其解析成一个空格；
5. 默认宽度是他本身内容的宽度；
6. 可以在父容器使用text-align:center;使其相对于父容器水平居中对齐，对行内块级元素使用margin:0 auto无效。