内联元素的盒子：从“内容区、内边距、边框、外边距”分析行内元素的盒模型；

一、特点总结：

内联元素不能设置width和height

内联元素可以设置水平内边距、垂直方向内边距(垂直方向内边距不会影响页面布局)

内联元素可以设置边框，但是只有垂直的的边框不影响页面的布局

内联元素可以设置水平外边距但不重叠，但是不支持垂直外边距

二、内联元素与块元素转换

display样式可以修改元素类型

可选值：

inline : 可以将一个元素作为内联元素显示

block ：可以将一个元素设置块元素显示

inline-block : 将一个元素转换为行内块元素

可以使一个元素既有悍内元素特点又有块元素特点

（既可设置宽高、又不会独占一行）

none : 不显示元素，并且元素不会再页面中继续占有位置

visibility ：可以用来设置元素的隐藏和显示的状态

可选值：

visible : 默认值

hidden : 元素会隐藏不显示(但是 它的位置依然保存 )

注意：

在文档流中，子元素的宽度默认占父元素的全部

当元素设置浮动以后，会完全脱离文档流，块元素脱离文档流以后，高度和宽度都被内容撑开。

内联元素脱离文档流以后会变成块元素